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

Posted 2023-03-14

【中文标题】如何使用 jQuery 选择带有文本的按钮

【英文标题】：How to select button with text using 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获取的数组，即表行

【参考方案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');
);