無法為包含特定文本的按鈕觸發 jQuery.click()？

Question

我有一個按鈕：

 $('.add_to_cart span:contains("Choose a Size")').click(function() { console.log("it has been clicked") });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button type="submit" name="add" id="add-to-cart" class="action_button add_to_cart v-center" data-variantcount="44" data-label="Add to Cart" disabled=""> <span class="text">Choose a Size</span> </button>

但是，當我單擊它時，它永遠不會打印任何東西？ 您可以在此圖像中看到它正在查找這些元素，但在單擊時不會觸發。

Answer 1

您是在 DOM 加載后加載腳本嗎？ 嘗試：

$(function() {
  $('.add_to_cart span:contains("Choose a Size")').click(function () {
    console.log("it has been clicked")
   });
});

Answer 2

你能試試這個嗎？

$(document).on('click','.add_to_cart span:contains("Choose a Size")', function(){
console.log("it has been clicked");
});