如果html等于0，则javascript/jQuery隐藏

我已经用Wordpress建立了这个网站，并且使用了一个插件来计算如果对一个产品应用了折扣，可以节省多少钱。我想修改设置，以便在未应用折扣且未保存金额的情况下隐藏“您保存”部分。我认为javascript或jQuery将是解决方案，但是我对这些语言有着非常初步的了解，并且非常感谢对构建此查询的任何帮助

到目前为止，我已经尝试将它添加到我的函数文件中，但没有任何乐趣

function you_save_hide () {
    if ($("span.yousave_list_price").text() == "0") {
        $("span.yousave_list").hide();
    }
}

---

我查看了您的网站，span.yousave_list_price是span.yousave_list的下一个元素，我确信您不希望隐藏0的所有span.yousave_列表。但只有那些有span.yousave\u list\u price的。因此，我们将选择所有span.yousave_list_price->检查文本是否为0->然后选择它的父级，并->在父级中隐藏span.yousave_列表

function you_save_hide () {
    $("span.yousave_list_price").each(function(){
        if ($(this).text().trim() == "0"){
            $(this).parent().closest("span.yousave_list").hide(); //hide the nearest .yousave_list when the yousave_list_price equals 0
        }
    });
}

---

如果在页面加载时执行此函数，请确保在

$（document）.ready（function（）{…}

中调用它，我可以从链接中查看

$（“span.yousave\u list\u price”）

是否包含另一个DOM元素

<span class="yousave_list_price">
<span class="amount">Some Value</span>
</span>

---

调用此函数时，必须确保页面已准备就绪

$(document).ready(function(){
    you_save_hide();
});

---

也包括html，我想

“span.yousave\u list\u price”

也应该隐藏？！你可能应该隐藏一个div，而不是1+span。请显示你的htmlHow“html等于0”？

$(document).ready(function(){
    you_save_hide();
});