如何使用 :contains() 选择器来确定单击的对象具有某个关键字？

Question

如何使用 :contains 来查找被点击的对象是否具有某个关键字？

<a href="#" class="click">&#187; Read More</a>

$('.click').click(function() {

   if($(":contains('More')", this)) alert('1');

});

每当它包含或不包含关键字时我都会收到警报...我该如何制作？

Answer 1

您需要使用 is 来查看元素是否与您的 匹配：包含选择器：

$(".click").click(function () {
    if ($(this).is(":contains('More')")) {
        alert('1');
    }
});

示例： http://jsfiddle.net/3N8ek/

Answer 2

试试这个：

$(".click:contains('More')").click(function() {

   alert('1');

});

Answer 3

您总是收到 alert 因为您没有检查 jQuery 对象的 length 属性。当 jQuery 没有找到任何匹配项时，它总是至少返回一个空对象。因此，无论如何 if($(":contains('More')", this)) 将始终返回 true。

$('.click').click(function() {

   if ($(this).is(":contains('More')")) {
     alert('1');
   }

});

Answer 4

这应该有效：

if($(this + ':contains("More")')) alert('1');

有关用法的更多信息，请参阅 :contains-docs 。