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

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') ExampleTop

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: