javascript - 选择具有特定文本的按钮仅在单击事件时激活

Question

我有一排按钮，它们之间的唯一区别是它们的内部文本：

<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

 });
});

我怎样才能解决这个问题？

Answer 1

你的 Jquery 应该是

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

JSFIDDLE 演示

Answer 2

您可以使用:contains选择器，因此您只需将事件处理程序绑定到包含该文本的特定锚点

$('a.btn:contains(text3)').click(function(){ ...

Answer 3

我.filter更.text喜欢:contains

$('a.btn').filter(function () {
   return $(this).text() == 'text3'
}).click(function () {
   alert('clicked');
});