首页 > 解决方案 > html,css,在foreach循环中基于单元格值的背景颜色为红色

问题描述

标签: htmljquerycss

解决方案


$('table tr').filter(function() {
return $(this).find("td:contains('Not Approved')").length > 0;
}).css('background','red');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<td>Approved</td>
<td>Approved</td>
<td>Approved</td>
</tr>
<tr>
<td>Approved</td>
<td>Not Approved</td>
<td>Approved</td>
</tr>
<tr>
<td>Approved</td>
<td>Approved</td>
<td>Approved</td>
</tr>
</table>

您可以使用:contains来检查 td 文本,并将trs 过滤到该文本超过 0td的那些:

$('.yourtable tr').filter(function() {
return $(this).find(td:contains('Not Approved')).length > 0)})
.css('background':'red');

推荐阅读