Tryit Editor v1.8

Source Code:
<!DOCTYPE html> <html> <head> <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("div").prev("p").css("background-color","yellow"); }); </script> </head> <body> <h1>What will $("div").prev("p") select?</h1> <p>This is a p element (this p element will not be selected, because the h2 element below is the "previous" sibling element of the div element, however, if you erase the h2 element, this paragraph will then be the element that is the "previous" element of ANOTHER div, which will result in this element to also be selected).</p> <h2>This is a heading, and the previous sibling element of a div element</h2> <div style="border:1px solid black;padding:10px;">This is a div element.</div> <p>This is another p element.</p> <p>This p element is the previous sibling element of a div element.</p> <div style="border:1px solid black;padding:10px;"> <p>This is a p element inside a div element.</p> </div> </body> </html>
Result:
W3Schools.com - Try it yourself