如何通过 jQuery 中的 text/html 来 select 按钮？

Question

我正在尝试通过按钮上出现的 text/html 来 select 按钮，但没有成功：

我的页面中有多个这样的按钮集：

<button>Save</button>
<button>Add</button>
<button>Cancel</button>

我使用了以下内容：

$('button[value=Save]')
$('button[html=Save]')
$('button[innerHTML=Save]')
$('button[text=Save]')

但其中 none 有效。有人可以帮忙吗？

Answer 1

您需要使用 :contains() 选择器，例如：

$("button:contains('Save')");

Answer 2

这应该有效：

1：在选择索引时

$('button').eq(0) // will select first

2：在选择值时

for(i=0;i<$('button').length;i++) {
   if($('button').eq(i).text() == 'Your text') {
       var myBtn = $('button').eq(i);
       break;
   }
}

$(myBtn).doSomething();

Answer 3

可能浏览所有这些是解决方案：

$(function() {
    var buttons = $('button');
    buttons.each(function() {
        if( $(this).html() == "Save" ) {
            $(this).attr('style', 'background: red');
        };
    });
});

http://jsfiddle.net/tqk6wuhu/

如何通过 jQuery 中的 text/html 来 select 按钮？

How to select buttons by the text/html in jQuery?

jquery

button

1：在选择索引时

2：在选择值时