Как выбрать первый родной элемент определенного типа с помощью jQuery?

Question

HTML-структурирована следующим образом:

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

Основываясь на моем начальном элементе <div id="myDiv"> Есть еще несколько <p> братьев и сестер, но я только хочу, первый, как показано в коде.

Как я могу это достичь?

Answer 1

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

или

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

будет делать трюк

Answer 2

подобное (исправлено):

$('p').first(); 

Answer 3

Попробуйте это:

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

или чистый селектор CSS (не проверена производительность, но это может быть самым быстрым решением, так как он использует .querySelectorAll):

jQuery('#myDiv ~ p:first-of-type') 

Answer 4

Как Оливье предлагает .Первый() или р: первая будет отвечать вашим потребностям, хотя более общее решение будет нам .eq (п) - где п число вы хотите, начиная с 0.

например, чтобы выбрать первый родственный пункт #myDiv вы будете использовать:

jQuery('#myDiv').siblings('p').eq(0); 

Чтобы указать на третий абзац, все, что вы сделали бы s меняет число. Помните, что, как она начинается от 0 Вы фактически должны принять одну сторону от цели:

jQuery('#myDiv').siblings('p').eq(2); 

Answer 5

Попробуйте этот ответ

$('#myDiv').siblings('p:first');