javascript - 如果元素仅包含一个特定数字，则向元素添加类

Question

我试图将一个类添加到一个仅包含一个零的字符串中。

我正在尝试类似的方法，但无法使其工作:

$(".stockinfo.col4").filter(function() {
    return $(this).text() === "0";
}).addClass("orderitem");

HTML:

<div class="stockinfo col4"><strong>Stock</strong>: 0<span></span></div>

最好的方法是什么？

编辑:这可行 - 但如果它不匹配字符串中的零，则会抛出错误。可以使用它，但我不喜欢控制台中出现错误 - 让我紧张

$(".stockinfo.col4").filter(function() {
 console.log($(this).text().trim().match(/0/g).length)
  if ($(this).text().trim().match(/0/g).length == 1) {
  $(".stockinfo.col4").addClass("orderitem")
 }
});

错误:

TypeError: Cannot read property 'length' of null

Answer 1

$(".stockinfo.col4").filter(function() {
  if($(this).text().trim().match(/0/g)){//check if there is 0
  return ($(this).text().trim().match(/0/g).length == 1)//count number of 0
  }

}).addClass("orderitem");//add class

首先要检查字符串中是否有0。如果有 0 个计数 if == 1 则添加类

Demo