Next Siblings ('previous ~ siblings')S2C Home « Selectors « :lang

Next Siblings selector.

Shorthand version $('previous ~ siblings')

Description

The ('previous ~ siblings') selector, selects all specified sibling elements that follow after the specified previous element and have the same parent.

Syntax


Signature Description
jQuery('previous ~ siblings')Next Siblings match

Parameters


Parameter Description
previousA valid selector.
siblingsAnother valid selector to match the elements next to the previous selector.

Return

N/A.

Next Siblings ('previous ~ siblings') Examplego to top of page Top

Selects all specified sibling elements that follow after the specified previous element and have the same parent.

The following example will select all 'h2' elements that are preceded by a 'div' element and place a 2 pixel solid red border around them. In this case the elements both share a common 'div' ancestor.


$(function(){
  $('#btn24').on('click', function() {
    $('div ~ h2').css('border', '2px solid red');
  });
}); 

Press the button below to action the above code:


go to home page Homepage go to top of page Top