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 Dropdown - 找出点击的内容

1 个答案: