如果值为 0，如何将新的 CSS 类添加到链接徽章？答案

【问题标题】：How to add a new CSS class to a Link Badge if the value is 0?如果值为 0，如何将新的 CSS 类添加到链接徽章？
【发布时间】：2014-09-12 13:17:51
【问题描述】：

我正在使用小模块Link Badges 在指向相关视图的链接旁边显示带有标记节点数量的徽章。它工作得很好，我已经根据我的需要设计了徽章。这是当前的 HTML 代码：

<a class="menu__link menu__link link-badge-wrapper">
  <span class="link-badge-text">My View</span>
  <span class="link-badge-badge-wrapper">
    <span class="link-badge link-badge-menu_badges_execute_view">0</span>
  </span>
</a>

现在，当值为 0 时，我想稍微不同地显示徽章（其他颜色等）。我考虑通过向值添加一个新的 CSS 类 link-badge-zero 来做到这一点。

<a class="menu__link menu__link link-badge-wrapper">
  <span class="link-badge-text">My View</span>
  <span class="link-badge-badge-wrapper">
    <span class="link-badge link-badge-zero link-badge-menu_badges_execute_view">0</span>
  </span>
</a>

我怎样才能做到这一点？

【问题讨论】：

请将你的代码上传到 jsfiddle 真的很难理解你想用这种方式实现什么

标签： css drupal-7

【解决方案1】：

如果您只想在跨度内的值为“0”的情况下添加一个类，请尝试一下

JQuery：

if($(".link-badge").text() == "0"){
    $(".link-badge").addClass("link-badge-zero");
}

这是fiddle

【讨论】：