0

ボタンの列があり、それらの内部テキストのみが異なります。

<a href="#contact" class="btn btn-large btn-info"  data-toggle="tab">Text1</a>
<a href="#contact" class="btn btn-large btn-info"  data-toggle="tab">text2</a>
<a href="#contact" class="btn btn-large btn-info"  data-toggle="tab">text3</a>

「text3」のボタンが押されたときだけスクリプトを起動したい。次のことを試しましたが、これは「text3」だけでなくすべてのボタンで機能します。

$(function(){
$('a.btn[text()="text3"]').click(function(){

    console.log(id);
//        some action here

 });
});

どうすればこれを修正できますか?

4

3 に答える 3

2

あなたのJqueryは

    $("a.btn:contains('text3')").click(function(){
    alert("text3");
    });

JSFIDDLE デモ

于 2013-08-07T16:40:13.367 に答える
1

:containsセレクターを使用して、イベント ハンドラーをそのテキストを含む特定のアンカーにのみバインドすることができます

$('a.btn:contains(text3)').click(function(){ ...
于 2013-08-07T16:36:51.280 に答える
0

私はもっ.filter​​と好きです.text:contains

$('a.btn').filter(function () {
   return $(this).text() == 'text3'
}).click(function () {
   alert('clicked');
});
于 2013-08-07T16:42:09.333 に答える