Question

<div id="main">

      <div id="one">Heading one</div>
      <div id="two">Heading two</div>
      <div id="three">Heading three</div>
      <div id="four">Heading four</div>
            :
            :
    </div>

我想根据DOM位置选择div。

对于例如：我想选择div之后的所有div id = two。

注意：主div是可排序的，因此代码应该处理动态。

我是否必须循环并计算子div的总数，而不是(total number of child divs - position of div with id=two )将在div之后给出id=two之后有多少div。

或者有更好的方法吗？

Answer 1

你看过nextAll吗？

$('#two').nextAll();

Answer 2

您需要使用

$('#two').nextAll();

请检查Documentation

＆＃13;

$('#two').nextAll().css( "background-color", "red" );

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">

      <div id="one">Heading one</div>
      <div id="two">Heading two</div>
      <div id="three">Heading three</div>
      <div id="four">Heading four</div>
           
    </div>

＆＃13;

Answer 3

这就是我要做的事情：

$("#main").sortable({
  update: function() {
    $("#main").children().removeClass("selected");
    $("#two").nextAll().addClass("selected");
  }
});

Here is the JSFiddle demo

选择孩子之后的所有兄弟div

3 个答案: