Twitter Bootstrap выпадающий определить, какой элемент щелкнул

Question

У меня есть следующий код:

<div id="dropdown" class="btn-group"> 
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
     Dropdown 
     <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Dropdown link 1</a></li> 
     <li><a href="#">Dropdown link 2</a></li> 
    </ul> 
    </div> 

Я нажав на некоторые ссылки. Как определить, какая ссылка нажата?

$("#dropdown").click(function(e) { 
    console.log(e); 
    //how?? 
}); 

Я также использую jQuery.

Answer 1

Вы должны быть в состоянии использовать это:

$('.dropdown-menu > li > a').on('click', function(e) { 
    e.preventDefault(); //Disable href 
    window.alert($(this).text()); //$(this).text() is what you want 
}); 

Update: Demo here