1. 程式人生 > >對Ul下的li標籤執行點選事件

對Ul下的li標籤執行點選事件

html:

<ul id="test">
   <li class="add">北京</li>
   <li class="add">上海</li>
   <li class="add">天津</li>
   <li class="add">廣州</li>
</ul>

1: 不用class屬性, 需要包裹所有的相同標籤, ul包裹了所有的li。
on裡面的引數: 需要的做的事件型別,對誰執行這個事件

//只需要找到你點選的是哪個ul裡面的就行
$("ul#test").on("click"
,"li",function(){ alert($(this).text()); });

2:有class屬性 通過迴圈來做

$(".add").each(function(){
    alert( $(this).text());
});
或者
$(".add").click(function(){
    alert( $(this).text());
});