JSFiddle - React, Tailwind, and code Playground

by Raul Corona Xolaltenco

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>


<div class="container">
  <h2>Dropdowns</h2>
  <p>The .dropdown class is used to indicate a dropdown menu.</p>
  <p>Use the .dropdown-menu class to actually build the dropdown menu.</p>                                          
  <div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">Años
    <span class="caret"></span></button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
      <li role="presentation"><a rel="menu1" role="menuitem" tabindex="-1" href="#">2015<span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></li>
      <li role="presentation"><a rel="menu1" role="menuitem" tabindex="-1" href="#">2014</a></li>

    </ul>
  </div>

<div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="menu2" data-toggle="dropdown">Meses
    <span class="caret"></span></button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="menu2">
      <li role="presentation"><a rel="menu2" role="menuitem" tabindex="-1" href="#">Enero<span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></li>
      <li role="presentation"><a rel="menu2" role="menuitem" tabindex="-1" href="#">Febrero</a></li>
    </ul>
  </div>
</div>

JavaScript

jQuery(document).ready(function(){
  
  $("ul >li > a").on("click" ,"ul",function(){
    
    alert(this);
    
    
    
  });
  
});