javascript - 根据 child 的内容隐藏 parent

Question

我试图根据 child 的内容隐藏父级:

<div class="featurevalue">Number 1: <span class="value">1</span></div>
<div class="featurevalue">Number 2: <span class="value">0</span></div>
<div class="featurevalue">Number 3: <span class="value">1</span></div>

目前我正在使用这个 javascript，但它隐藏了页面上所有具有相同类的 div。我只需要它来隐藏父 div。

(function($) {
    $(document).ready(function() {
        var x = $("span.value").text();
        if (x == 0){
            $("div.featurevalue").hide();
        };    
    })
})(jQuery);

有什么建议吗？

Answer 1

希望对您有所帮助:

$(document).ready(function() {    
    $("span.value").each(function(){
        var x = $(this).text();
        if (x == 0) {
            $(this).closest(".featurevalue").hide();
        }
    })
})