jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了tr中的问题:jquery中的奇数大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试编写这个函数,它将从#rc输入用户并创建一个这样大小的棋盘.

当n是偶数(如8)时,它工作正常,但如果n是奇数,如9,则每个“tr:2n 1”的颜色都是错误的.这是什么原因?我该怎么办?先感谢您!

function setUpcheckBoard()
{
  var n = $("#rc").val();
  var stn= number(n)+1;
var col = new Array(stn).join('<td></td>');
   var row = new Array(stn).join('<tr>' + col + '</tr>');

 $('tbody').append(row);
  $("tr:odd td:odd").css("BACkground-color","black");
 $("tr:odd td:even").css("BACkground-color","white");
 $("tr:even td:odd").css("BACkground-color","white");
 $("tr:even td:even").css("BACkground-color","black");  
}

解决方法

你要这个:

$("tr:odd td:nth-child(2n+1)").css("BACkground-color","black");
$("tr:odd td:nth-child(2n)").css("BACkground-color","white");
$("tr:even td:nth-child(2n+1)").css("BACkground-color","white");
$("tr:even td:nth-child(2n)").css("BACkground-color","black");

:odd和:even选择器不关心所选元素的父/子关系;他们从所有匹配元素中选择所有其他元素.

所以,你拿tr:odd td并从表的各行获取一堆td元素.当你执行:奇怪的那些时,jQuery只计算每个其他匹配的td – 其中一些将在第一列中,其中一些将在第二列中.

使用:nth-​​child(2n)和:nth-​​child(2n 1)根据它们在父行中的位置专门选择元素.

大佬总结

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

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

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