Javascript 如何使用jquery或java脚本隐藏div？

您好，如果值为0.00，我想隐藏一个span和一个div。这是我的代码

<span class="price-old"> <%=getCurrentAttribute('item','custitem_sumisho_listprice')%>      </span>
<span class="price-new"><%=getCurrentAttribute('item','custitem_sumisho_onlineprice')%>  </span>
<div class="save-sale" style="font-size: .8em; padding-top: 4em"><%=getCurrentAttribute('item','custitem_sumisho_totalsave')%></div>

在上面的代码中，如果class=“save sale”的div值为0.00，那么我想隐藏class=“price old”和class=“save sale”。在这里，getattribute标签将获得物品价格的值

我尝试了下面的jquery，但它不起作用

<script type="text/javascript" src="/site/js/jquery-1.10.2.min.js"></script>
<script>
$(function () {
if ($(".save-sale").text() == "0.00") {
$(".save-sale").hide();
$(".price-old").hide();
}
});
</script>

$（函数（）{
如果（$（“.save sale”）.text（）=“0.00”）{
$（“.save sale”）.hide（）；
$（“.price old”）.hide（）；
}
});

当您有多个

保存销售

div时，您可以使用

.each（）

对它们进行迭代，并检查其值以使

保存销售

和

价格旧

隐藏

<script type="text/javascript" src="/site/js/jquery-1.10.2.min.js"></script>
<script>
$(function () {
  $(".save-sale").each(function(){
  if ($(this).text().trim() == "0.00") {
       $(this).hide();
       $(this).prev(".prod-price").find(".price-old").hide();
    }
  });
});
</script>

$（函数（）{
$（“.save sale”）。每个（函数（）{
如果（$（this）.text（）.trim（）=“0.00”）{
$（this.hide（）；
$（this.prev（“.prod price”）.find（“.price old”）.hide（）；
}
});
});

试试这个：

<script type="text/javascript" src="/site/js/jquery-1.10.2.min.js"></script>
<script>
  $(function () {
    if ($.trim($(".save-sale").text()) == "0.00") {
    $(".save-sale").hide();
    $(".price-old").hide();
  }
});
</script>

您可以使用

$（“.class或#id”）.hide（）

或类似的东西，但使用css样式

$（“.class或#id”）.css（'display'，'none'）

但是，如果要将其设置为具有类的所有元素，请使用每个函数：

$（“.class”）.each（函数（） { $（this.css（'display'，'none'）） });

---

但这是可行的，我只是建议了另一种方法来实现同样的效果，但问题可能出在jquery include中，否则代码看起来不错。您检查过任何控制台错误吗？并验证jQuery库路径是否正确并加载到浏览器中？是否需要将其转换为舍入值？您可以使用Sanki在下面的回答中建议的

trim（）

，或者与您的问题陈述共享一个JSFIDLE链接，以帮助您更好地解决问题。还有一些检查jquery是否加载的方法。可能有很多项，它会逐个检查值，所以脚本没有运行是不是有问题？我有多个具有相同类名的div如何在div上逐个应用此代码来检查值和隐藏类

$(function () {
$(".save-sale").each(function (i) {
    if ($.trim($(this).text()) == "0.00") {
        $(this).closest(".save-sale").hide();
        $(this).closest(".price-old").hide();
    }
     else{
        $(this).closest(".save-sale").show();
        $(this).closest(".price-old").show();
    }
});
});