大佬教程收集整理的这篇文章主要介绍了tr中的问题:jquery中的奇数,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当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,请注明来意。