siblings() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:siblings

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. siblings

Description

The siblings() method returns all sibling elements (share the same parent) of the selected element.

Syntax

Parameter Require Description
filterOptional.selector expression to narrow down the search for sibling elements

The following code shows how to Return all paragraph sibling elements of each <div> element.

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("div").siblings("p").css("background-color", "yellow");
});//from ww  w.  jav a  2s  .  com
</script>
</head>
<body>

<p>This is a sibling p element of div.</p>

<div style="border:1px solid black;padding:10px;">This is a div element.</div>
<p>This is a sibling p element of div.</p>
<p>This is a another sibling p element of div.</p>

<div style="border:1px solid black;padding:10px;">
  <p>This is a p element inside a div element (child of div).</p>
</div>

<h2>This is a heading</h2>
<p>This is another sibling p element of div.</p>

</body>
</html>

Related Tutorials