jquery - Select all elements after a certain eleme

问题:

I have a list similar to below and would like to only select all of the elements after the #everything_after element.

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

回答1:

You can use nextAll to get the following divs.

Try:

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

回答2:

See: CSS3 General Siblings Selector

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

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

回答3:

CASE-1: when the id="" or the class="" selector is known:

$("#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: when the index of the item is known:

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

回答4:

selects all the elements

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