jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – Jquery在奇数tr中改变td的css大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图改变奇数表行中的表格单元格的背景,并仅使用 Jquery更改某些单元格
我知道我可以这样做来改变奇数或偶数行

$("#DisplayTable tr:visible:even").css("BACkground","#999999");
$("#DisplayTable tr:visible:odd").css("BACkground","#ffffff");

我试过这个但是这个

$('#DisplayTable td:Contains(' + $(this).val() + '):odd').css("BACkground","#A8CBFF");
$('#DisplayTable td:Contains(' + $(this).val() + '):even').css("BACkground","#66a3ff");

但这只是占用单元格而不管行.
为了更好地描述我的问题,我想在某些单元格上将背景更改为蓝色,但在偶数行中的单元格也要更暗.

怎么会这样做?

@H_489_21@解决方法
似乎问题在于:包含(‘$(this).val()’)部分

可能需要将值放在双引号中,例如’:contains(“’$(this).val()’”)’

另请注意,根据此link,它必须是:包含.

请参阅下面的原型.

$('#DisplayTable td:contains("1"):odd').css("BACkground","yellow");
$('#DisplayTable td:contains("2"):even').css("BACkground","orange");
table,th,td {
   border: 1px solid black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id ="DisplayTable">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>3</td><td>1</td></tr>
<tr><td>3</td><td>4</td><td>1</td></tr>
<tr><td>4</td><td>2</td><td>1</td></tr>
</table>

大佬总结

以上是大佬教程为你收集整理的javascript – Jquery在奇数tr中改变td的css全部内容,希望文章能够帮你解决javascript – Jquery在奇数tr中改变td的css所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。