JSFiddle - React, Tailwind, and code Playground

by Hari Menon

HTML

<ol class="nested">
    <li id="list_1">li 1</li>
    <li id="list_2">
        <ol>
            <li id="list_3">li 3</li>
            <li id="list_4">li 4</li>
        </ol>
    </li>
    <li id="list_5">li 5</li>
</ol>

JavaScript

var parentId = 4;
$('#list_' + parentId).contents().andSelf().filter('li').last().after('<li id="list_999">New Child</li>');