jQuery中的第一个孩子似乎没有找到合适的元素

Question

我正在使用这个jQuery代码

$('div:first-child').text('change me');

这个HTML在正文部分：

<div class="myclass">
<strong>test1</strong>
<p>test2</p>
<strong>test3</strong>
<p>test4</p>
</div>

我认为这只会取代“test1”，但它似乎取代了我在网页上看到的所有内容都“改变了我”。

我是否误解了第一个孩子做了什么（我假设这个jQuery代码会替换第一个子元素，它是强大的test1，它找到的第一个div）？或者我的代码错了吗？

由于

Answer 1

您需要使用div元素选择器，然后使用带有：first-child selector

的子选择器

$('div > :first-child').text('change me');

您的代码正在搜索div元素，该元素是其父元素的第一个子元素，而不是在div元素中找到第一个子元素

演示：Fiddle

Answer 2

:first-child选择所有父元素的第一个子元素。试试这个：

$('div strong:first-child').text('change me');

这是fiddle。