大佬教程收集整理的这篇文章主要介绍了jQuery’.each’并附加’.click’事件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
这是我的问题为了简化我的代码，我想弄清楚如何将“.click”事件附加到HTML体中已经存在的div中。
<body> <div id="dog-selected">dog</div> <div id="cat-selected">cat</div> <div id="mouse-selected">mouse</div> <div class="dog"><img></div> <div class="cat"><img></div> <div class="mouse"><img></div> </body>
我的(失败的)策略是：
1)创建一个对象数组：
var props = {
"dog": "false","cat": "true","mouse": "false"
};
2)使用’.each’遍历数组，并用’.click’事件扩充每个现有的div。最后，构造局部变量。
这里是一个原型：
$.each(props,function(key,value) {
$('#'+key+'-selected').click(function(){
var key = value;
});
});
例如：
HTML：
<body> <div id="dog" class="selected" data-selected="false">dog</div> <div id="cat" class="selected" data-selected="true">cat</div> <div id="mouse" class="selected" data-selected="false">mouse</div> <div class="dog"><img/></div> <div class="cat"><img/></div> <div class="mouse"><img/></div> </body>
JS：
$( ".selected" ).each(function(index) {
$(this).on("click",function(){
// For the boolean value
var boolKey = $(this).data('selected');
// For the mammal value
var mammalKey = $(this).attr('id');
});
});
以上是大佬教程为你收集整理的jQuery’.each’并附加’.click’事件全部内容，希望文章能够帮你解决jQuery’.each’并附加’.click’事件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。