js怎么用循环给N个div各个绑定click事件并且输出这个div里面的内容

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js怎么用循环给N个div各个绑定click事件并且输出这个div里面的内容相关的知识,希望对你有一定的参考价值。

用jquery吧
先把jquery引用进来
<script type="text/javascript" src="jquery-1.9.0.min.js"></script>
<script type="text/javascript">
$(function()
$(".div1").click(function()
var text = $(this).text();//这样无论你点哪一个div都 可以获它里面的值
//你自己试试有不懂的再问我

);

)
</script>

<body>
<div class='div1">111</div>
<div class='div1">222</div>
<div class='div1">333</div>
<div class='div1">333</div>
</body>
参考技术A newDivNode.addEventListener("click", function()
alert(this.id.replace(/newId/,''));
, false);

你上面存了id这个属性的 可以通过id获取,然后再删除前面的newId几个字母,获取的就是后面的i;望采纳

另外。删除数组的方法用splice;arr.splice(start,length);删除起始位置(数组下表),和删除的长度

jquery如何循环添加事件,有10个li,分别点击出现不同的事件

10个li,到底能不能用比较简洁的语句同时绑定点击事件呢?
假设输出的值等于li中的内容

参考技术A $("ul li").each(function(i)

//i就是li的索引, 给不同的i绑定不同的事件即可。

);追问

是这样吗,怎么不行啊,
$("#menu ul li").each(function (i)

$(i).click(function ()
alert(1);
);
);

追答

这个 i 只是索引,你要判断第几个绑定啥事件。

比如为3个绑定click事件,

if(i == 2)
$(this).click(function()
alert(1);
);

本回答被提问者采纳

以上是关于js怎么用循环给N个div各个绑定click事件并且输出这个div里面的内容的主要内容,如果未能解决你的问题,请参考以下文章

js如何循环添加点击事件

extjs 怎么触发click事件

jquery如何循环添加事件,有10个li,分别点击出现不同的事件

js动态绑定onclick事件,事件点击多时无响应

关于jquery中on绑定click事件在苹果手机失效的问题

js click事件防止重复点击