Если Метка содержит «Текст» Скрыть Родителя

Question

Я использую 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>

Answer 1

Нет необходимости делать петли.

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

Также помните, что .contains чувствителен к регистру.Еще одно маленькое предложение - использовать jQuery.closest вместо .parent().parent()