javascript - 带有 rowspan 和 colspan 的表中的颜色 TD

标签 javascript jquery html css html-table

我正在尝试为表格中的一些 TD 着色。但它并没有按预期工作,因为它也给其他 TD 上色。在这里,我尝试为第二个 TD 着色:

enter image description here

问题似乎是我正在使用 colspans 和 rowspans。

这是我的代码:

$("button").click(function() {
  $('table tr td:nth-child(2)').css("background-color", "red");
});

Here is a fiddle .

请注意,这是一个简化的示例。我的真实表更大更复杂。仅仅为包含 B2 的所有单元格着色是不够的。

最佳答案

$("button").click(function() {
  $('table>thead>tr>td:eq(1),table>tbody>tr>td:eq(1)').css("background-color",  "red");
});

希望这有帮助..

关于javascript - 带有 rowspan 和 colspan 的表中的颜色 TD,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42346107/

相关文章:

javascript - 使用jquery从标签中删除类时出现问题

javascript - 我的照片 slider "owl carousel"将照片放在彼此下面?

html - Internet Explorer 9 不支持 css3 样式

javascript - DOM 对象标签上的 SVG-Pan-Zoom 不起作用

javascript - OOP jQuery 插件 elem 在一个地方未定义,而在其他地方未定义

jquery - 如何在占用空白空间的CSS中制作网格画廊?

javascript - 如何在 asp.net 用户控件中调整子列表框的高度

JavaScript 函数别名似乎不起作用

javascript - 如何将 javascript 变量传递给 laravel 路由?

javascript - 列出带有复选框的js