开发者

jquery - Select all elements after a certain element

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>


You can use nextAll to get the following divs.

Try:

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


See: CSS3 General Siblings Selector

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

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


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


selects all the elements

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

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜