javascript - HTML:使用jquery的背景颜色？

Question

HTML:

<table border="1"style="width:500px" id="table2">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>grades</th>
  </tr>
  <tr>
    <td>riddhi</td>
    <td>bhatt</td>
    <td>50</td>
  </tr>
  <tr>
    <td>sneh</td>
    <td>pandya</td>
    <td>55</td>
  </tr>
  <tr>
    <td>ankit</td>
    <td>purani</td>
    <td>60</td>
  </tr>
</table>

我想在表格的奇数行中添加背景颜色。

JQuery:

$(document).ready(function(){

    $("#table2 > tr:odd").css("background-color","blue");
});

我是 HTML 和 jQuery 新手，请建议我以便我可以继续...

Answer 1

使用这个，

$(document).ready(function(){

    $("#table2 tr:odd").css("background-color","blue");
});

Demo Fiddle

> 在这里不起作用 - Reference

---

表层次结构是table > tbody > tr > td，所以在这种情况下，试试这个，

 $("#table2 > tbody > tr:odd").css("background-color","blue");

<强> Demo