javascript - 在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>

现在我想在国家为印度时隐藏支付宝

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");