如何让一个div中的值控制多个div?

一个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>

vue.js
http://www.csdn.net/article/1970-01-01/2825439

https://zhidao.baidu.com/question/473331771.html