在jquery中隐藏ul-li输入文本

Question

我已经包含了给定的代码

<ul class="list-group" data-hook="" id="payment-method-fields">
    <li class="list-group-item">
      <label>
        <input checked="checked" id="method_id_4" type="radio" value="4">
        Credit Card
      </label>
    </li>
    <li class="list-group-item">
      <label>
        <input id="method_id_5"  type="radio" value="5">
        Test Paypal
        <div class="logo">
          <img src="/assets/icons/icon-paypal.png">
        </div>
      </label>
    </li>
    <li class="list-group-item">
      <label>
        <input id="method_id_6"  type="radio" value="6">
        Check
      </label>
    </li>
    <li class="list-group-item">
      <label>
        <input id="method_id_15"  type="radio" value="15">
        Ali pay
      </label>
    </li>
  </ul>

现在，当国家是印度时，我想隐藏Ali Pay

var country = $('.currentCountry').attr('value');
if (country=='India') {
}

请指导我如何做到这一点，我正在动态检索上面的列表。如果国家是印度，那么我不想展示

<li class="list-group-item">
          <label>
            <input id="method_id_15"  type="radio" value="15">
            Ali pay
          </label>
        </li>

在这种情况下，id是动态变化的，所以我们不能在id的帮助下提前感谢。

Answer 1

您可以将.toggle(boolean)与:contains(text):一起使用

$('#payment-method-fields li:contains(Ali pay)').toggle($(".currentCountry").val() !== "India");