javascript - 用 jquery/javascript 覆盖 css

Question

我有一个表格，其边框设置为来自外部样式表(一些 .css 文件)的 1px 纯银。我无法控制此文件。

这是CSS:我的表 tbody td {字体:8.5pt verdana，无衬线；border-top: solid 1px silver;border-bottom: solid 1px silver;溢出:隐藏；填充:0px 3px 0px 2px；}

现在我想将表中最后一行的边框颜色更改为黑色。我正在尝试为此使用以下 jQuery 语句。

$('#table_1 tr:last').css('border', '1px solid black');

但这似乎行不通。我如何使用 JQuery/JavaScript 执行此操作？

Answer 1

如果是您所追求的 TD，则需要解决它们:

$(document).ready(function(){
  $('#table_1 tr:last td').css('border', '1px solid black');
});

此代码将等待 DOM 准备就绪，然后在最后一行的 TD 上应用边框。

编辑:看到您的 CSS 声明，您需要使样式更具体。方法如下(使用类名):

$(document).ready(function(){
  $('.my_table > tbody tr:last td').css('border', '1px solid black');
});

如果情况变得更糟，请选择 $('table.my_table > tbody tr:last td')。