jquery - 选择某个元素后面的所有元素

Question

我有一个类似于下面的列表，并且只想选择#everything_after元素之后的所有元素。

<div id="container">
  <div class="something"></div>
  <div class="something"></div>
  <div class="something"></div>
  <div class="something"></div>
  <div class="something"></div>
  <div id="everything_after"></div>
  <div class="something"></div>
  <div class="something"></div>
  <div class="something"></div>
  <div class="something"></div>
  <div class="something"></div>
</div>

Answer 1

您可以使用nextAll获取以下div。

尝试：

$("#everything_after").nextAll();

Answer 2

请参阅：CSS3 General Siblings Selector

http://reference.sitepoint.com/css/generalsiblingselector

$("#everything_after ~ div")...

Answer 3

知道id=""或class=""选择器时

CASE-1：：

$("#everything_after").nextAll();
//selects any of the next sibling elements, like <div>, <p>, <i>... etc tags.

//--or--
$("#everything_after").nextAll("div");
//selects only the next sibling <div> tags;

CASE-2：当项目的索引已知时：

$("#container > div:nth-child(6)").nextAll();
//--or--
$("#container > div:eq(5)").nextAll();

Answer 4

选择所有元素

$('#element *').attr('selected','selected');