jquery访问第二类

Question

我正在建设的网站上有以下结构

<td class="header link" id="link-XXX"><a href="/XXX>XXX</a></td>

我正在使用jquery在选择表格时更改背景颜色。我想要完成的是使XXX的字体在选择时变为粗体（由链接类控制）。

我正在使用 $(document).ready(function() { $("#link-XXX).css('background-color', '#EBA521'); }); 更改背景颜色并且可以正常工作

如何访问链接类并将XXX的字体更改为粗体？

我试过

$("#link-XXX").css('font-weight', 'bold);  

但它不起作用。

Answer 1

尝试设置锚点，如下所示：

$("#link-XXX a").css('font-weight', 'bold);

为了使这更好，我建议每次选择/取消选择行时，向<tr>或<td>添加/删除课程。然后使用CSS控制<td>或<a>的样式，如下所示：

.selected a
{
   font-weight:bold;
}

您可以通过执行此操作添加/删除课程

$('#link-XXX').addClass('selected');

和

$('#link-XXX').removeClass('selected');

Answer 2

您目前正在将样式应用于td。而不是你有tio将CSS应用于锚标签。 试试这个$("#link-XXX a").css('font-weight', 'bold');
它会工作。如果要添加和删除类，可以使用jquery中的函数addClass（）和removeClass。看看这个link

Answer 3

我建议不要让事情变得如此复杂，并在css中使用更改的类名来实现字体权重的变化，而不是使用jQuery以更复杂的方式实现相同的事情：< / p>

.link-xxx a {
    font-weight: bold;
}

/* or */

.link-xxx {
    font-weight: bold;
}
.link-xxx a {
    font-weight: inherit;
}