javascript - 使用 jQuery 访问父元素的第一个/最后一个子元素中的数据属性

Question

我目前正在尝试实现一个令人耳目一新的帖子提要，并进行类似以下操作，尝试从子元素中获取 data-pid:

HTML:

<div id="postFeed">
    <div data-pid="6">
        ...
    </div>
    ...
</div>

jQuery:

$(document).ready(() => {
    alert($("#postFeed:first-child").attr("data-pid"));
    ...
});

我尝试了几种不同的方法，但我得到的只是“未定义”。正确的做法是什么？

Answer 1

在您的代码中，$("#postFeed:first-child") 表示 ID 为 postFeed 的 div 的第一个子元素。

 $("#postFeed:first-child").attr("data-pid")

而是在 postfeed div 内查找，这可以通过使用以下代码来完成。

$(document).ready(() => {
    alert($("#postFeed div:first-child").attr("data-pid"));
})