JHCan333
2016-12-27 10:02
采纳率: 79.5%
浏览 1.5k
已采纳

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

一个div为父,另外有多个数量不确定的直接“子”div。父div中触发一个点击事件后,触发的方法会对一个值进行修改,进而对多个子div产生影响,那么能不能只在子div上写父div的id进行关联,就将这几个div连接起来?怎么写啊?

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

9条回答 默认 最新

  • csmzl 2016-12-29 02:21
    已采纳

    失误了!代码如下:

     <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>
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • wheat235 2016-12-27 10:12

    你这意思就是给父级添加事件,父级触发,同时子类也会跟着触发对吧。 这个直接在父级触发事件时,获取对应的子元素进行相应的操作不不就可以了么

    评论
    解决 无用
    打赏 举报
  • humorHan 2016-12-27 10:18

    梳理一下语序和思路 重新描述问题吧

    评论
    解决 无用
    打赏 举报
  • 当作看不见 2016-12-27 10:48

    $("#id").change(function(){
    $("#id div")......
    })

    评论
    解决 无用
    打赏 举报
  • 不懂描述的什么东西。。不直接在你点击事件中调用影响其他div的事件的处理函数不就行了

    评论
    解决 无用
    打赏 举报
  • jasondyoung 2016-12-27 15:07

    看了三遍,绝对有毛病。记得把冒泡关了。

    评论
    解决 无用
    打赏 举报
  • csmzl 2016-12-29 02:20

    是你想要的不?












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

    评论
    解决 无用
    打赏 举报
  • @heyun 2017-01-01 15:40
    评论
    解决 无用
    打赏 举报
  • devmiao 2017-01-03 10:52
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题