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
});

更新：Demo here