近期开始编写web前端代码,发现在用tabel布局中,时常需要将table中tr下的第一个td,设置成与其他td不同的样式。如何设置呢?
请看代码:
<body>
<table id="tab">
<tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>
<tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>
<tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
<tr><td>TD #9</td><td>TD #7</td><td>TD #8</td></tr>
<tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
<tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
</table>
<script>
$(" tr").each(function() {
$(this).find("td:first").css("background-color","#eee").css("text-align","center").css("width","10%");
});
</script>
</body>
其实就这么简单!