jquery - :contains() セレクターを使用して、オブジェクトがクリックされたときに特定のキーワードがあるかどうかを判断するにはどうすればよいですか?

Question

:containsオブジェクトをクリックしたときに特定のキーワードを持つオブジェクトを見つけるにはどうすればよいですか?

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

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

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

});

キーワードが含まれているかどうかにかかわらず、アラートを受け取ります...どうすれば作成できますか?

Answer 1

要素がセレクターisに一致するかどうかを確認するには、次を使用する必要があります。:contains

$(".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

jQueryオブジェクトのプロパティをalertチェックしていないため、常に取得しています。lengthjQuery は、一致するものが見つからない場合、常に少なくとも空のオブジェクトを返します。ですから、何があって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 を参照してください。