javascript - 在每个列表项中搜索项目

Question

我正在编写一段代码来检查列表项中是否有一个名为星级的 div。如果不存在，请在价格标签上添加额外的利润上限(这样我就可以平衡这些项目)。我的JQuery如下

$(document).ready(function() {
    $("li.product").each(function(){
        if($(".star-rating").length === 0) {            
            $("span.price").css({"margin-top" : "1em"});
        }
    });
});

这段代码在某种程度上可以正常工作。从技术上讲，它的作用是不检查特定的列表项，而是检查整个文档。有没有办法我可以只检查特定的列表项并将 css 添加到该项目的 span.price 中？因为现在它找到了 4 倍的星级(4 个列表项)，而它只在一个列表项中。

Answer 1

在每个“li.product”下搜索:

$("li.product").each(function(){
    if($(this).find(".star-rating").length === 0) {            
        $(this).find("span.price").css({"margin-top" : "1em"});
    }
});