在Jquery中上下移动DOM

时间:2016-10-30 20:06:58

标签: jquery dom find closest

好的,所以我有一个重要的问题,想出这个......并且无处可去。

问题:给出以下HTML结构;使用JQuery最近并找到从childOfSecond元素到第三个元素,并在单击第二个元素时将其背景颜色更改为橙​​色。

我必须使用这两种方法,所以我在这里尝试了多个角度。我觉得我很亲密,但是不能让它表现得好。

非常感谢您的帮助!

<fieldset>
<br />
      <br />
      <div id="prob2">
        <div class="box first">
        </div>
        <div class="box second">
          <div class="child-of-second"></div>
        </div>
        <div class="box third">
        </div>
      </div>

      <script>
      $('#prob2 .box.second').on('click', function(){


        var childOfSecond = $("child-of-second").closest("div").find(".box.third").css("background", "orange");




    });
      </script>
      <br />
      <br />


  </fieldset>

1 个答案:

答案 0 :(得分:1)

几个问题。第一个选择器正在寻找标签<div>而不是类。

它最近的.box.secondfind(),它是你想要的兄弟姐妹。但是$(".child-of-second").parent().next().css("background", "orange"); 只寻找后代而不是兄弟姐妹

尝试

apply