无法为包含特定文本的按钮触发 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");
});