Javascript 如何使用jQuery设置第三、第四或第五个表格单元格的样式
我知道使用jQuery设置奇偶表单元格的样式,但是如何设置第3、第4或第5个元素的样式Javascript 如何使用jQuery设置第三、第四或第五个表格单元格的样式,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,我知道使用jQuery设置奇偶表单元格的样式,但是如何设置第3、第4或第5个元素的样式 <table width="300" border="0" cellspacing="0" cellpadding="0" id="Weekdays"> <thead> <tr> <td>Week Day</td> <td>Short Name</td> </tr> </thead&g
<table width="300" border="0" cellspacing="0" cellpadding="0" id="Weekdays">
<thead>
<tr>
<td>Week Day</td>
<td>Short Name</td>
</tr>
</thead>
<tbody>
<tr>
<td>Monday</td>
<td>Mon</td>
</tr>
<tr>
<td>Tuesday</td>
<td>Tue</td>
</tr>
<tr>
<td>Wednesday</td>
<td>Wed</td>
</tr>
<tr>
<td>Thursday</td>
<td>Thr</td>
</tr>
<tr>
<td>Friday</td>
<td>Fri</td>
</tr>
<tr>
<td>Saturday</td>
<td>Sat</td>
</tr>
<tr>
<td>Sunday</td>
<td>Sun</td>
</tr>
</tbody>
</table>
如何操作?使用eq:
$('td:eq(5)').css('background','red');
// OR:
$('td').eq(5).css('background','red');
这两个示例都会将第6个TD元素的背景涂成红色。使用eq:
$('td:eq(5)').css('background','red');
// OR:
$('td').eq(5).css('background','red');
$('#Weekdays tbody tr').each(function(i) {
// Modify the style of element i here
});
这两个示例都会将第6个TD元素的背景涂成红色。您可以使用它来获得元素范围,尽管我不能100%确定您想要的是什么,如下所示:
$('#Weekdays tbody tr').each(function(i) {
// Modify the style of element i here
});
$("td").slice(2, 5).css("color", "red");
这将选择以下元素:
星期一
周一
星期二
所以我不确定你所说的元素是什么意思,只需将td换成tr就可以得到这个值。你可以用它来获得元素范围,尽管我不能100%确定你想要的是什么,比如:
$("td").slice(2, 5).css("color", "red");
$('tr:nth-child(5)').function();
这将选择以下元素:
星期一
周一
星期二
所以我不确定你所说的元素是什么意思,只要用td换tr就可以了
$('tr:nth-child(5)').function();
关于CS3,有很多事情你都不知道:
关于CS3有很多您不知道的地方:要从任何元素的第n个子元素到最后一个子元素选择子元素,只需使用:
$("#mytable td").slice(n).hide()
要从任何元素的第n个子元素到最后一个子元素选择子元素,只需使用:
$("#mytable td").slice(n).hide()
类似于如何选择范围:类似于如何选择范围:使用此选项代替$'Weekdays tbody tr:eq5'.css'background','F2C2C2';对我来说非常有效。谢谢你。如果你用的是他的答案,那就接受吧!如何设置每5个备用单元格的样式?????例:先是5,然后是10,然后是15,依此类推……@chriszero检查我的例子。它的循环长度是TD/5的数量,而你的循环长度是它的5倍,用它代替$'Weekdays tbody tr:eq5'.css'background','f2c2c2c2';对我来说非常有效。谢谢你。如果你用的是他的答案,那就接受吧!如何设置每5个备用单元格的样式?????例:先是5,然后是10,然后是15,依此类推……@chriszero检查我的例子。它的循环长度是TD/5的数量,而你的循环长度是TD/5的5倍。TH-child5选择TD中的第六个孩子,而不是第六个TDN-child5选择TD中的第六个孩子,而不是第六个TDI每天学习新东西。切片功能非常方便。我每天都会学到一些新东西。这个切片函数非常方便。