如何使用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

试试这个：

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

或纯css选择器（未检查性能，但它可能是最快的解决方案，因为它使用.querySelectorAll）：

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

Answer 3

喜欢（更正）：

$('p').first();

Answer 4

试试这个答案

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

Answer 5

正如Olivier建议的那样.first（）或p：首先适合你的需要，虽然更通用的解决方案是我们.eq（n） - 其中n是你想从0开始的数字。

例如，要选择#myDiv的第一个兄弟段落，您将使用：

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

要定位第三段，您要做的就是更改数字。请记住，从0开始，您实际上需要从目标目标中取出一个：

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