How do I select the first sibling of a certain element type with jQuery?

Question

The HTML is structured like this:

<div id="myDiv"></div>
<img src="" />
<p></p> // I want to select this element 
<h1></h1>
<p></p>
<h2></h2>

Based on my start element <div id="myDiv"> There are several more <p> siblings but I only want the first one, as seen in the code.

How can I achieve this?

Answer 1

jQuery('#myDiv').siblings('p:first')

or

jQuery('#myDiv').siblings('p').first()

would do the trick