html - 隐藏具有“0”值的文本

Question

有什么方法可以根据显示的“0”值隐藏 HTML 字段我有一个 ecomm 站点，它显示可用数值的数量。我只想显示高于“0”的数字。这些值是从数据库上传到网站的。“0”值不是输入字段。所以我看到的大多数代码都有某种输入条件代码的解决方案。

<span id="availability" class="product_availability availability-item"><p style="color: crimson; display: contents">Call for Availability. </p></span>
<span style="display: inline;" id="product_inventory">0</span>

我的网站显示：Call for Availability.0 如果项目的数量高于“0”，它会显示：现有数量：1708 我需要删除“0”并仅显示 Call for Availability。

我在这个论坛上研究了类似的请求，发现所有使用输入字段都有答案。问题是“0”不是输入。它是代码生成的库存量。

我曾尝试用 CSS 隐藏该值，但这会隐藏所有值，包括“0”以上的值。

我可以插入所需的任何形式的代码。Java、PHP、json 等...

在此处输入图像描述

标签： htmlcss

Answer 1

如果你使用输入标签，你需要在 javascipt 上创建一个函数，这里是 html 行：

<input id="num" type=number value="0" onchange="valChange(this);"/>

function valChange(obj){
      if(obj.value=="0"){
        obj.style.color="#fff"
      } else{
        obj.style.color="#000"
      }
    }