Next Siblings Selector

Syntax

$("prev ~ siblings")

Description

Next Siblings Selector is used to select all the next sibling elements of a given element having same parent. The below example finds all the input descendants of a document.

Example Code

<br><script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> function test () { $("#prev ~ div").css("border", "3px groove blue"); } </script> <span id="prev">After</span> <div>sibling1</div> <div>sibling2 <div id="small">niece</div></div> <div>sibling3</div><br><input type="button" class="btntest" value="Click Here" onclick="test();"> <br>