Как выбрать кнопки по тексту/html в jQuery?

Question

Я пытаюсь выбрать кнопки в текст/HTML, который появляется на кнопке, но с не успех:

Есть несколько наборов кнопок, как это в моей странице:

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

Я использовал следующие:

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

Но никто из них не работает. Может кто-нибудь помочь, пожалуйста?

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/