javascript - 表 td 颜色不变
问题描述
我正在尝试更改此处第一个td
包含Test1
单词的颜色可以更改颜色。但是当我test1
在这里编码时不会改变颜色。有没有办法包含小写或大写的单词?
$("#X td:contains('Test1')").parents('tr').find("td:first").css("background-color", "red");
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="X">
<tr>
<td>Test1</td>
<td>Test2</td>
<td>Test3</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
</table>
解决方案
您可以filter
使用regex
.
// $("#X td:contains('/test1/i')").parents('tr').find("td:first").css("background-color", "red");
const matchTEST = /test/i;
$('#X td').filter((i, e) => matchTEST.test(e.innerText)).parent('tr').find("td:first").css("background-color", "red");
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id = "X">
<tr >
<td>matchTEST</td>
<td>Test2</td>
<td>Test3</td>
</tr>
<tr >
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
<tr >
<td>matchTEST</td>
<td>c</td>
<td>c</td>
</tr>
</table>
推荐阅读
- sql-server - SQL查询进出时间
- python - 在 Codechef 上用 Python 提交答案,每次提交都显示相同的错误
- netsuite - NetSuite - 使用位置清单数据保存的搜索连接
- r - R^2 值是否应该与相关矩阵中的值匹配?
- npm - devDependencies 和 peerDependencies 是一样的吗?
- excel - 如何将宏传输到 Excel 2019?
- regex - 为 ['Cat '(optional) Dog (.*?)] 的条件匹配创建正则表达式 | ['Cat'(可选) (.*?) Dog]
- testing - 如何模拟 ImagePicker
- python - ValueError : 层 lstm 的输入 0 与层不兼容:预期 ndim=3,发现 ndim=2。收到的完整形状:[无,18]
- java - 内存非常大的机器上的 OpenJDK MaxRAMPercentage