jQuery 下拉菜单 - 找出被点击的内容

Question

<ul class="dropdown-menu">
  <li><a href="">Deutsch</a></li>
  <li><a href="">Denmark</a></li>

我想用 jQuery 找出下拉菜单的哪个点被点击了。

我这样试过：

<ul class="dropdown-menu">
   <li><a href="" id="changeLanguage" requestLanguage="german">Deutsch</a></li>
   <li><a href="" id="changeLanguage" requestLanguage="denmark">Denmark</a></li>

jQuery:

$("#changeLanguage").click(function(){
  alert($(this).attr("requestLanguage"));
});

但只有第一个下拉点（德语）调用 jQuery 事件。丹麦没有功能。

如何实现？

Answer 1

一个id在页面上只能使用一次。像这样将它们更改为 class：

HTML

 <ul class="dropdown-menu">
     <li><a href="" class="changeLanguage" requestLanguage="german">Deutsch</a></li>
     <li><a href="" class="changeLanguage" requestLanguage="denmark">Denmark</a></li>
 </ul>

JS

$(".changeLanguage").click(function(e){
   e.preventDefault()
   alert($(this).attr("requestLanguage"));
});

FIDDLE

jQuery 下拉菜单 - 找出被点击的内容

jQuery Dropdown - Find out what was clicked

html

javascript

jquery

twitter-bootstrap