Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/google-sheets/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuery设置第三、第四或第五个表格单元格的样式_Javascript_Jquery_Jquery Selectors - Fatal编程技术网

Javascript 如何使用jQuery设置第三、第四或第五个表格单元格的样式

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

我知道使用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>
<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每天学习新东西。切片功能非常方便。我每天都会学到一些新东西。这个切片函数非常方便。