一个div为父,另外有多个数量不确定的直接“子”div。父div中触发一个点击事件后,触发的方法会对一个值进行修改,进而对多个子div产生影响,那么能不能只在子div上写父div的id进行关联,就将这几个div连接起来?怎么写啊?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="jquery-1.12.1.js"></script>
</head>
<body>
<div id="divFather" style="width:100px;height:100px;background-color:red;">
<div id="divSonfirst"></div>
<div id="divSontwo"></div>
<div id="divSonthree"></div>
<div id="divSonfouth"></div>
<div id="divSonfive"></div>
</div>
<script>
$("#divFather").click(function(){
var divFind = $("#divFather").find("div");
$(divFind).each(function(index,element){
var alertstring = '第' + (parseInt(index)+1) + '个div,ID为: ' + $(this).attr('id');
alert(alertstring);
});
});
</script>
</body>
</html>
你这意思就是给父级添加事件,父级触发,同时子类也会跟着触发对吧。 这个直接在父级触发事件时,获取对应的子元素进行相应的操作不不就可以了么
梳理一下语序和思路 重新描述问题吧
$("#id").change(function(){
$("#id div")......
})
不懂描述的什么东西。。不直接在你点击事件中调用影响其他div的事件的处理函数不就行了
看了三遍,绝对有毛病。记得把冒泡关了。
是你想要的不?
<script>
$("#divFather").click(function(){
var divFind = $("#divFather").find("div");
$(divFind).each(function(index,element){
var alertstring = '第' + (parseInt(index)+1) + '个div,ID为: ' + $(this).attr('id');
alert(alertstring);
});
});
</script>
</body>