javascript - 使用 jQuery 为表的第二列添加类

标签 javascript jquery html css

<table>
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr>
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr>
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr>
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr>
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr>
</table>

table td {
    background-color: green;
    padding: 5px;
    border: 1px solid blue;
}

.red {
   background-color: red;
}

直播: http://jsfiddle.net/zCduV/1/

我如何为该表的第二列添加带有 jQ​​uery 的 .red 类(在此示例中,这是 td 中 ccc 的位置)?

最佳答案

这可能是?

// selects both table header and table data cells from the second column of the table
$('table th:nth-child(2), table td:nth-child(2)').addClass('red');

http://jsfiddle.net/tdTkQ/

关于javascript - 使用 jQuery 为表的第二列添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9018593/

相关文章:

javascript - 从 html 菜单中读取值?

javascript - React-Redux 的 connect() 方法抛出 TypeError

javascript - 检查元素的文本是否与另一个元素的文本相同

javascript - jQuery 使整个 Div 成为带有 _blank 的可点击链接

html - 文本 svg 未在 ms 边缘垂直居中

javascript - jQuery。禁用 DateTimePicker 中的 minDate

javascript - 使用 JavaScript 的 asp 标签的文本属性不会保持更改

javascript - 如何在 IE 10/11 中可靠地将 XML 转换为字符串?

html - 仅下方页脚的背景颜色(区域高度未知)

html - 在特定屏幕分辨率(HTML、CSS)下放大位于图像后面的文本