jQuery點擊ul的內部並獲得它的屬性

Question

我需要註冊點擊ul列表中的元素a並獲得a的id。

$("#nativeLang > ul > li > a").click(function(){ 
    alert($(this).attr("id")); 
}); 

此代碼無效。 我找到了另一種方式：

$("#nativeLang > ul").on("click", "a", function(event){ 
    alert($(this).attr("id")); 
}); 

但在這裏我不能點擊的元素的中的ID。

HTML

<li class="dropdown" id="nativeLang"> 
    <ul class="dropdown-menu"> 
     <li><a href="#" id="l-6">English</a></li> 
    </ul> 
</li> 

Answer 1

如果你動態插入這些<li>個標籤，那麼你需要使用$(document).on(...);

$(document).on("click", "#nativeLang > ul > li > a", function(event){ 
 
    $('#Result').html($(this).attr("id")); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<li class="dropdown" id="nativeLang"> 
 
    <ul class="dropdown-menu"> 
 
     <li><a href="#" id="l-6">English</a></li> 
 
    </ul> 
 
</li> 
 

 
<div id="Result" ></div>

Answer 2

HTML：

<li class="dropdown" id="nativeLang"> 
     <ul class="dropdown-menu"> 
      <li><a href="#" id="l-6">English</a></li> 
     </ul> 
    </li> 

JS：

$("#nativeLang > ul").on('click', 'a', function(){ 
    alert(this.id); 
}); 

CODEPEN DEMO