jquery - Select all elements after a certain eleme

Question

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>

Answer 1

selects all the elements

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

Answer 2

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();

Answer 3

You can use nextAll to get the following divs.

Try:

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

Answer 4

See: CSS3 General Siblings Selector

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

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