javascript - jQuery addclass 到每个 Wordpress 帖子图像

Question

这是我目前所拥有的:

<script>
$(document).ready(function(){
    $(".entry-content img:first").addClass('postimage');
});
</script>

如您所见，对于 .entry-content 的第一张图片，它添加了我的类。很酷，效果很好。太酷了，它不适用于每篇文章，但仅适用于页面上的第一篇文章。

我不确定如何解决这个问题。我需要以某种方式使用 .each 还是我已有的东西有问题？

谢谢

Answer 1

这是因为 CSS 选择器正在选择第一个 .entry-content img，而不是每个 .entry-content 中的第一个 img .这是关于运算符优先级的。

不过，您可以遍历每个 .entry-content 并手动选择该节点中的 img:first。

$(document).ready(function(){
    var entries = document.querySelectorAll('.entry-content');
    for (var i = 0; i < entries.length; i++) {
        var firstImage = $(entries[i].querySelectorAll('img:first')[0]);
        firstImage.addClass('postImage');
    }
});