如果标签包含“文本”,则隐藏父级

时间:2018-12-29 10:00:20

标签: jquery shopify

我正在使用Shopify,并且我不想隐藏所有变体,但是由于Google Shopping Feed需要一个“颜色”字段,因此我只想隐藏“颜色”变体字段。

因此,如果标签包含“颜色”-如果我可以隐藏父级,那么它将隐藏所有内容。

这就是我尝试过的。

<script>

      $(document).ready(function() {
  if ($("label:contains('color')").size()) {
    $("label").each(function() {
      if ($(this).html() === "Color") {
        $(this).parent().parent().hide();
      }
    });
  }
});


      </script> 

下面是我要更改的区域的实际HTML。

<div class="select">
        <label>Color</label>
        <select id="product-select-778903978076productproduct-template" name="id">

            <option selected="selected" value="8666757267548" data-sku="">Brass</option>

        </select>
      </div>

1 个答案:

答案 0 :(得分:3)

无需循环。

$(document).ready(function() {
    $('label:contains("color"),label:contains("Color")').parent().parent().hide();
});

此外,请记住.contains区分大小写。另一个小建议是使用jQuery.closest代替.parent().parent()