jQuery - 获取第一个子div

Question

我希望能够从 s-yes 的第一个子元素中删除 disabled-item - 但它没有删除？

如果我 console.log show 的值，那么我会看到似乎完全错误的项目:

[div#s-yes, prevObject: n.fn....

HTML:

<div id="s-yes" style="display: none;">
    <div class="s-item s-question disabled-item">
        <label>label name</label>

jQuery:

 show = $('#s-yes');
 show.show('fast');
 show.first().removeClass('disabled-item');

我做错了什么？

Answer 1

尝试在父元素上使用.children()，

 show = $('#s-yes');
 show.show('fast');
 show.children().first().removeClass('disabled-item');

您的代码不起作用，因为 .first() 将获取元素集合中的第一个元素。但是，在使用 id 选择器时，集合中始终包含 0/1 元素。

因此，在父元素上使用 .children() 时。它将返回作为其父级的直接子级的元素的集合。您可以使用 .find() 代替 .children() 但它会返回所有后代。