1、使用css选择器,$("tr td:nth-child(2)")。
2、使用遍历函数eq()。
下面就以上两个方法进行实例演示:单击按钮改变所有行的第二个单元格的样式,单击任意行改变该行第二个单元格的样式。
1、HTML结构
<table id = "test"> <tr><td>1</td><td>1</td><td>2</td><td>3</td></tr> <tr><td>2</td><td>4</td><td>5</td><td>6</td></tr> <tr><td>3</td><td>7</td><td>8</td><td>9</td></tr> <tr><td>4</td><td>1</td><td>2</td><td>3</td></tr> </table> <input type="button" id="btn" value="设置">
2、jquery代码
$(function(){ $("#btn").click(function() { $("#test tr td:nth-child(2)").addClass(‘red‘); }); $("#test tr").click(function() { $(this).children(‘td‘).eq(1).addClass(‘red‘); }); });
3、效果演示
原文:https://www.cnblogs.com/webmc/p/12517165.html