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

Question

How do I select the div that contains "bar"? 如何选择包含“ bar”的div？

<html>
<body>

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

</body>
</html>

Answer 1

应该这样做：

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

Answer 2

This is fastest as it does not use pseudo-selectors 这是最快的，因为它不使用伪选择器

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

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

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

Answer 3

If you want based on contents rather than position, you could use this: 如果要基于内容而不是位置，则可以使用以下方法：

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