如何使用 Javascript/Jquery 在其他 div 兄弟中选择第一个 div答案

【问题标题】：How to select the first div among other div siblings with Javascript/Jquery如何使用 Javascript/Jquery 在其他 div 兄弟中选择第一个 div
【发布时间】：2012-01-17 01:51:19
【问题描述】：

如何选择包含“bar”的div？

<html>
<body>

<div id="foo">
    <div>bar</div> <!--this one-->
    <div>abc</div>
    <div>123</div>
</div>

</body>
</html>

【问题讨论】：

好的，感谢 Dan 的编辑。

标签： javascript jquery html dom css-selectors

【解决方案1】：

这是最快的，因为它不使用伪选择器

$('#foo > div').first()

// same as
$('#foo > div').eq(0)

// same as
$('#foo > div').slice(0,1)

【讨论】：

另外，你可以养成只使用 .eq() 的习惯——例如$( '#foo > div' ).eq(0) 获取第一个元素或eq(-1) 获取最后一个元素。此外， .slice() 用于范围，例如 `$( '#foo > div' ).slice(2,4) 以获取第 3、第 4 和第 5 个元素
@DanHeberden，我为你提供了这些额外的例子

【解决方案2】：

应该这样做：

$("#foo :first-child");

【讨论】：

【解决方案3】：

如果你想基于内容而不是位置，你可以使用这个：

http://api.jquery.com/contains-selector/

$("div:contains('bar')")

【讨论】：