Code666 (代码贴、代码片段)

[JavaScript] jquery选择器 表格偶数行或奇数行 隔行变色（tr:even,tr:odd） →→→→→进入此内容的聊天室

来自 , 2021-03-06, 写在 JavaScript, 查看 106 次.
URL http://www.code666.cn/view/a9de093d
  1. <script language="javascript" >
  2.         $(function(){// dom元素加载完毕
  3.            $('#tb tbody tr:even').css("backgroundColor","#068");
  4.            //获取id为tb的元素,然后寻找他下面的tbody标签，再寻找tbody下索引值是偶数的tr元素,改变它的背景色.
  5.            //tr:odd为奇数行，索引从0开始，0算偶数。
  6.         })
  7. </script>
  8. </head>
  9. <body>
  10. <table id="tb">
  11. <tbody>
  12.                 <tr><td>1 http://yuncode.net</td></tr>
  13.                 <tr><td>2 http://yuncode.net</td></tr>
  14.                 <tr><td>3 http://yuncode.net</td></tr>
  15.                 <tr><td>4 http://yuncode.net</td></tr>
  16.                 <tr><td>5 http://yuncode.net</td></tr>
  17.                 <tr><td>6 http://yuncode.net</td></tr>
  18.                 <tr><td>7 http://yuncode.net</td></tr>
  19. </tbody>
  20. </table>

回复 "jquery选择器 表格偶数行或奇数行 隔行变色（tr:even,tr:odd）"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666