直接上代码,简单易懂!
1.html code:
<table width="100%" class="table" id="accordion">
<tr>
<td>表格表格1</td>
<td>表格表格2</td>
<td>表格表格3</td>
</tr>
<tr>
<td>表格表格1</td>
<td>表格表格2</td>
<td>表格表格3</td>
</tr>
<tr>
<td>表格表格1</td>
<td>表格表格2</td>
<td>表格表格3</td>
</tr>
</table>
2.javascript code:
<script>
$(document).ready(function() {//设置表格第一列背景颜色
$("table tr").each(function() {
$(this).children('td:eq(0)').addClass('col_class');
});
});
</script>
3.css code:
.col_class {
background-color: #f9f9f9;
width: 200px;
text-align: right;
}