JSFiddle - React, Tailwind, and code Playground

by Ramesh Kanagaraj

HTML

<link rel="stylesheet" href="http://www.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<ul class="nav nav-pills">
    <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu" id="menu1">
            <li class="dropdown-submenu"> <a href="#">More options</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Second level link1</a>
                    </li>
                    <li><a href="#">Second level link2</a>
                    </li>
                    <li><a href="#">Second level link3</a>
                    </li>
                    <li><a href="#">Second level link4</a>
                    </li>
                    <li><a href="#">Second level link5</a>
                    </li>
                </ul>
            </li>
            <li><a href="#">Another action</a>
            </li>
            <li><a href="#">Something else here</a>
            </li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a>
            </li>
        </ul>
    </li>
</ul>

JavaScript

$(document).ready(function () {

    $(".dropdown").find('li ul li').each(function () {
        alert($(this).html());
    });

});