JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery eq test</title>
</head>
<body>
<div id="sidebar">
    <div id="sidebarNav">
        <div class="header">
            <h3>Sidebar Nav</h3>
        </div>
        <ul class="nav">
            <li>
                <a href="#">Link 1</a>
                <ul>
                    <li>
                        <a href="#">Link 1.1</a>
                    </li>
                    <li>
                        <a href="#">Link 1.2</a>
                    </li>
                    <li>
                        <a href="#">Link 1.3</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">Link 2</a>
                <ul>
                    <li>
                        <a href="#">Link 2.1</a>
                    </li>
                    <li>
                        <a href="#">Link 2.2</a>
                    </li>
                    <li>
                        <a href="#">Link 2.3</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">Link 3</a>
            </li>
            <li>
                <a href="#">Link 4</a>
            </li>
            <li>
                <a href="#">Link 5</a>
            </li>
        </ul>
    </div>
</div>
</body>
</html>

JavaScript

$("div#sidebar ul.nav li:eq(3)").append(" li:eq(3)");
$("div#sidebar ul.nav li:eq(6)").append(" li:eq(6)");
$("div#sidebar ul.nav li a:eq(3)").append(" a:eq(3)");
$("div#sidebar ul.nav li a:eq(6)").append(" a:eq(6)");