Javascript 如何在HTML表格中选择并突出显示单个单元格

我想在单击HTML表格时选择它。 目前我使用的是：

$("td").click(function(){
    $(this).addClass("selected").siblings().removeClass("selected");
});​

我的css的一个重要特性是：

td:hover, td.selected {
   background-color: #FF9900
}
td {padding: 5px;}

悬停可以很好地工作，但当我点击一个单元格时，它不会停留在选中状态

我怎样才能修好它

编辑

你说得对，我应该给你更多的背景资料。我必须为大学做一个JavaFx程序。但是JavaFX没有提供我想要的表。因此，我决定在应用程序的这一部分使用WebView，并通过StringBuilder生成表。在下面您可以看到我的当前输出（在标题中通常是css和脚本链接为此删除了它）：

---

因此，在这种情况下，它将无法工作-

我能够让您的代码工作，但它不会取消选择同一列的多个单元格。所以我把它改成这个。试试看。保持CSS不变

$("td").click(function(){
    $("td.selected").removeClass("selected");
    $(this).addClass("selected");
});

---

您的问题是您还有一行兄弟姐妹（）不适用于另一行 试着这样做

$("td").click(function() {
  $(".selected").parent().find('td').removeClass("selected");
  $(this).addClass("selected").siblings().removeClass("selected");
});

---

首先，您应该找到选定的类，然后转到父类，然后到达父类的td，最后删除您想要的类

请创建一个mcve。我们要求您创建mcve的原因是，它将证明您提供的代码工作正常：-因此您的代码中没有包含阻止它的其他内容为您工作，我们只能猜测（因此是“完整”和“可验证”部分）。从帮助中：寻求调试帮助的问题（“此代码为什么不工作？”）必须包括所需的行为，一个特定的问题或错误，以及复制它所需的最短代码。完成添加了一个不适用于我的示例。请参阅上面的链接。我通常不使用Javascript HTML和css。佩拉普斯，我还有别的毛病，它在工作。您忘记选择在JSFIDLE上使用Jquery库。如果您可能还没有在HTML文档中引用Jquery，也请记住在HTML文档中引用Jquery。另外，当您在HTML中引用脚本时，它应该位于对Jquery库的引用之下。