Guest User

Untitled

a guest
Jan 20th, 2019
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.14 KB | None | 0 0
  1. <table>
  2. <caption> Table 1</caption>
  3. <tr>
  4. <th>Table Head 1</th>
  5. <td>Table Data 1</td>
  6. </tr>
  7. <tr>
  8. <th>Table Head 2</th>
  9. <td>Table Data 2</td>
  10. </tr>
  11. <tr>
  12. <th>Table Head 3</th>
  13. <td>Table Data 3</td>
  14. </tr>
  15. </table>
  16.  
  17. <table>
  18. <caption> Table 2</caption>
  19. <tr>
  20. <th>Table Head 1</th>
  21. <td>Table Data 1</td>
  22. </tr>
  23. <tr>
  24. <th>Table Head 2</th>
  25. <td>Table Data 2</td>
  26. </tr>
  27. <tr>
  28. <th>Table Head 3</th>
  29. <td>Table Data 3</td>
  30. </tr>
  31. </table>
  32.  
  33. <table>
  34. <caption> Table 3</caption>
  35. <tr>
  36. <th>Table Head 1</th>
  37. <td>Table Data 1</td>
  38. </tr>
  39. <tr>
  40. <th>Table Head 2</th>
  41. <td>Table Data 2</td>
  42. </tr>
  43. <tr>
  44. <th>Table Head 3</th>
  45. <td>Table Data 3</td>
  46. </tr>
  47. </table>​
  48.  
  49. $('table').find('tr:even').css('background','#d0d0d0');
  50.  
  51. $("table").find("tr:even").css("background", "#d0d0d0");
  52.  
  53. $('table tr:nth-child(2n)').css('background','#d0d0d0');
  54.  
  55. $('table').each(function(){
  56. $(this).find('tr').filter(':even').css('background','#d0d0d0');
  57. });
  58.  
  59. <table id="t1">
  60. <caption> Table 1</caption>
  61. <tr>
  62. <th>Table Head 1</th>
  63. <td>Table Data 1</td>
  64. </tr>
  65. <tr>
  66. <th>Table Head 2</th>
  67. <td>Table Data 2</td>
  68. </tr>
  69. <tr>
  70. <th>Table Head 3</th>
  71. <td>Table Data 3</td>
  72. </tr>
  73. </table>
  74.  
  75. <table id="t2">
  76. <caption> Table 2</caption>
  77. <tr>
  78. <th>Table Head 1</th>
  79. <td>Table Data 1</td>
  80. </tr>
  81. <tr>
  82. <th>Table Head 2</th>
  83. <td>Table Data 2</td>
  84. </tr>
  85. <tr>
  86. <th>Table Head 3</th>
  87. <td>Table Data 3</td>
  88. </tr>
  89. </table>
  90.  
  91. <table id="t3">
  92. <caption> Table 3</caption>
  93. <tr>
  94. <th>Table Head 1</th>
  95. <td>Table Data 1</td>
  96. </tr>
  97. <tr>
  98. <th>Table Head 2</th>
  99. <td>Table Data 2</td>
  100. </tr>
  101. <tr>
  102. <th>Table Head 3</th>
  103. <td>Table Data 3</td>
  104. </tr>
  105. </table>
  106.  
  107. $(function(){
  108. $('#t1 tr:even, #t2 tr:even, #t3 tr:even').css('background','#d0d0d0');
  109. });
  110.  
  111. $('table').find('tr:even').css('background','#d0d0d0');
Add Comment
Please, Sign In to add comment