jquery - jquery仅在存在文本时添加类

Question

这个有点复杂？
我有一堆类“.product-grid .item-box”

我只想为那些文本在描述中存在“NEWprod”的人添加一个类，描述类名称是“.product-grid.product-item.description”

为什么要用jquery来做呢？

我试过了

$(document).ready(function () {

if ($(' div.description:contains("חדש1")').length > 0) {
    $(".product-grid .item-box").addClass("newprod");
}

}); 

Answer 1

您需要定位特定的项目框，您共享的示例将它们全部定位。尝试这个：

$(document).ready(function () {

  $('div.description:contains("חדש1")').each(function(){
    $(this).closest(".product-grid").find(".item-box").addClass("newprod");
  });

});

我假设以下 HTML，因为我不得不猜测：

<div class="product-grid">
  <div class="item-box">...</div>
  <div class="description">....</div>
</div>

---

更新：想了想，HTML大概是这样的：

<div class="product-grid">
  <div class="item-box">
      <div class="description">....</div>
  </div>
</div>

如果是这种情况，请使用以下代码：

$(document).ready(function () {

  $('div.description:contains("חדש1")').each(function(){
    $(this).closest(".item-box").addClass("newprod");
  });

});

Answer 2

你的问题不是很清楚，但我认为这可以帮助你。

if ($(' div.description').hasClass('חדש')) {
    $(".product-grid .item-box").addClass("newprod");
}

Answer 3

$(' div.description:contains("חדש1")').each(function() {
    $(this).parent().find(".item-box").addClass("newprod");
});