JSFiddle - React, Tailwind, and code Playground

by Stephen Katulka

HTML

<body>
<ol id="itemList">
	<li id="itemA">Item A</li>
    <li id="itemB">Item B</li>
	<li id="itemC">Item C
		<ol>
			<li id="itemARef" class="refersTo" data-list-id="itemList" data-list-index="2"></li>
		</ol>
    </li>
</ol>
</body>

JavaScript

var getLi = function (listId, index) {
    return $("#" + listId).find("li:nth-of-type(" + index + ")");
};

var copyText = function (el1, el2) {
    var el2HTML = $(el2).html();
    $(el1).html(el2HTML);
};

$(document).ready(function () {
    $(".refersTo").each(function () {
        var el = $(this);
        copyText(el, getLi(el.data("list-id"), el.data("list-index")));
    });
});