对Ul下的li标签执行点击事件
2017-08-28 15:56
239 查看
html:
1: 不用class属性, 需要包裹所有的相同标签, ul包裹了所有的li。
on里面的参数: 需要的做的事件类型,对谁执行这个事件
2:有class属性 通过循环来做
<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()); });
相关文章推荐
- 对ul 下的li标签执行点击事件
- 动态生成 ul 的li jquery 点击事件无法获取到li
- js实现冒泡事件,点击ul给子标签添加相同事件和阻止冒泡事件
- js给li标签中的所有a标签加点击事件
- 关于JavaScript中的事件代理(例子:ul中无数的li上添加点击事件)
- 获取ul下li标签里点击的是哪一个li并获取li里a标签的值
- js循环遍历ul中li的点击事件,给给选中li添加css
- 对表格的td标签执行点击事件
- 淘宝一面 关于JavaScript中的事件代理(例子:ul中无数的li上添加点击事件)
- 淘宝一面 关于JavaScript中的事件代理(例子:ul中无数的li上添加点击事件)
- ios 用jquery为元素标签绑定点击事件时,ios上不执行点击事件
- a标签上添加点击事件,执行完会跳到网页顶端
- 获取ul下li标签里点击的是哪一个li并获取li里a标签的值
- 遍历ul下的li的点击事件给予class样式属性
- 点击事件在label标签执行2次解决办法
- HTML学习---------1.15 列表标签ul-li
- Android Button按钮点击两次之后,才执行点击事件的操作。
- html——a标签添加点击事件,火狐浏览器直接显示0
- 子元素浮动后父元素自适应高度,ul->li标签设定宽高后overflow无效,li标签里面的内容多出内容会换行
- CSS教程:li和ul标签用法举例