如何使用 jQuery 选择带有文本的按钮答案

【问题标题】：How to select button with text using jQuery如何使用 jQuery 选择带有文本的按钮
【发布时间】：2016-09-02 11:56:09
【问题描述】：

是否可以使用 jQuery 中的 text 属性来选择按钮？

我想：

$.each(data, function(index, element){
    if(element.table_aval == 0)
    {
         var elmt = element.table_no;
         $('#table button[text='+elmt+']').css('color','red');
    }
});

这可能吗？

【问题讨论】：

试试:contains选择器。
$('#table button:contains('+elmt+')').css('color', 'red');像这样？？？
是的。另外，使用 CSS 类比使用内联 CSS 更好。
但它不起作用..
数据是通过ajax获取的数组，即表行

标签： jquery laravel

【解决方案1】：

:contains selector 允许您选择包含特定字符串的元素。

$(document).ready(function() {
  $('button:contains("Text")').css({'color': 'red'})
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Text</button>

<button>Something Different</button>

【讨论】：

请提供更多关于data是什么的详细信息。

【解决方案2】：

$.each(data, function(index, element){
    if(element.table_aval == 0){
       var elmt = element.table_no;
       $("button:contains(text='+elmt+')").css('color','red');
}});

【讨论】：