javascript - 如何使用 jquery 或 javascript 隐藏 div？

Question

你好，如果值为 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 标签将得到商品价格的值(value)。

我试过下面的 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>

Answer 1

因为你有多个 save-sale div，你可以使用 .each() 来遍历它们并检查它的值以进行 save-sale 和 price-old 隐藏。

<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>

DEMO