您的位置:首页 > Web前端 > JavaScript

对Ul下的li标签执行点击事件

2017-08-28 15:56 239 查看
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());
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html javascript