Question

我想使用jQuery选择标签“Merge tool”：

这是一个JSFiddle示例：https://jsfiddle.net/0dnd6qj4/

Autres méthode de paiement

Answer 1

您可以将:contains() pseudo-class与label element/tag selector：

结合使用

$("label:contains('Autres méthode de paiement')")

如果您有<input>嵌套在<label>内的某些特定数据（例如id或唯一的name属性），您可以使用:has() pseudo-class：

$("label:has(input[name='payment'])")

下面的演示。

console.log('using :contains()', $("label:contains('Autres méthode de paiement')")[0])
console.log('using :has()', $("label:has(input[name='payment'])")[0])
console.log('without jquery',
  [].filter.call(document.querySelectorAll('label'), function(e) {
    return e.textContent.includes('Autres méthode de paiement');
  })[0]
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="pay-method available-" data-hide="6">
  <label>
     <input type="radio" name="payment" data-pmt="others" data-index="1" data-card-index="" data-card-temp-token="" data-card-type="" data-bound-index="0" data-pay-method="" issecuritycode="" need-change-currency="false" changed-amt-str="" changed-currency="" changed-amount="" channel-fee="" changed-cur-rate="0">
      Autres méthode de paiement
   </label>
   <span class="card-icon">
      <!-- 主渠道逻辑 -->
      <i class="checkout-payment-wmebank"></i>
   </span>
   <div class="payment-container" style="overflow: visible; display: block;"></div>
   <p class="error-tops"> </p>

  <!-- 绑卡逻辑 -->
  <!-- 绑卡的list -->
</li>

Answer 2

您可以通过嵌套输入来定位它。

$('input').filter('[name="payment"]').closest('label');

Answer 3

我认为你没有正确使用标签......

 <label for= "payment" > Autres méthode de paiement </label>
 <input type="radio" name="payment" data-pmt="others" data-index="1" data-card-index="" data-card-temp-token="" data-card-type="" data-bound-index="0" data-pay-method="" issecuritycode="" need-change-currency="false" changed-amt-str="" changed-currency="" changed-amount="" channel-fee="" changed-cur-rate="0">

然后您可以访问标签，如：

$("label[for='payment']")

Answer 4

需要用jQuery选择标签吗？没问题。使用标签选择器，如下所示：

$("label")

请查看API以获取更多信息： https://api.jquery.com/element-selector/

选择不带id的标签jquery

4 个答案: