如何使用Javascript / Jquery在其他div兄弟中選擇第一個div

Question

如何選擇包含“ 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

這是最快的，因為它不使用偽選擇器

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

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

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

Answer 3

如果要基於內容而不是位置，則可以使用以下方法：

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

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