页面有多个相同的id或者class时，绑定jquery事件无效，解决方案_js中input框中的id相同,后面点击事件失效怎么解决

作者：花生_TL007 | 2024-03-06 10:21:28

踩

js中input框中的id相同,后面点击事件失效怎么解决


<div id="cp_liuyan" class="cp_tl cp_tl2" >按钮</div>
<div id="cp_liuyan" class="cp_tl cp_tl2" >按钮</div>
<div id="cp_liuyan" class="cp_tl cp_tl2" >按钮</div>
<div id="cp_liuyan" class="cp_tl cp_tl2" >按钮</div>

假设场景：页面多个按钮调用同一个jquery方法，如上面代码

jquery代码


	$("#cp_liuyan").click(function(){
	});

按照以往的写法，我们这样写是感觉不会出错的！

但是，测试发现：只有点击第一个按钮才会触发jquery方法，点击其他按钮无效；

残酷的事实告诉我们，那种写法是错的！

jquery代码，正确写法

	$("div#cp_liuyan").click(function(){});

应该带上前缀div，不然，只有点击第一个按钮才会触发jquery方法！

本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】