$(“table tr”).each(function () {
$(this).click(function () {
$(this).css(“backgroundColor”,”red”).siblings().css(“backgroundColor”,””);
});
})
</script>
<body>
<table border=”1″ id=”table”>
<thead><tr><th>姓名</th><th>性别</th><th>暂住地</th></tr></thead><tbody>
<tr class=”parent” id=”row1″><td colspan=”3″>前台设计组</td></tr>
<tr class=”child1″><td>张三</td><td>男</td><td>浙江宁波</td></tr>
<tr class=”child1″><td>李四</td><td>女</td><td>浙江杭州</td></tr>
<tr class=”parent” id=”row2″><td colspan=”3″>前台开发组</td></tr>
<tr class=”child2″><td>王五</td><td>男</td><td>湖南长沙</td></tr>
<tr class=”child2″><td>赵六</td><td>男</td><td>湖南长沙</td></tr>
<tr class=”parent” id=”row3″><td colspan=”3″>后台开发组</td></tr>
<tr class=”child3″><td>孙七</td><td>男</td><td>湖南长沙</td></tr>
<tr class=”child3″><td>周八</td><td>男</td><td>湖南长沙</td>
</tr>
</tbody>
</table>
</body>
希望本文所述对大家的jQuery程序设计有所帮助。
