Javascript 如何为与url的锚具有相同id的元素设置背景色？

我的HTML结构如下：

<table id="table-843" cellspacing="0" class="comment">
    <tbody>
        <tr id="43">
            <td class="vote_comment">3</td>
            <td class="content_comment">anything1</td>                          
        </tr>
        <tr id="44">
            <td class="vote_comment">7</td>
            <td class="content_comment">anything2</td>                          
        </tr>
    </tbody>
</table>

www.example.com/posts/231#44

---

现在我想将橙色背景色设置为

，并在2秒后将其隐藏。和stackoverflow一模一样。我该怎么做？我应该使用JavaScript吗？或者只是CSS？

您可以使用

window.location.hash

检索url中的哈希值。 它将返回

#44

，因此您必须修剪第一个字符

注意：请检查代码笔

代码

（函数（）{
var id=window.location.hash.substring（1）；
console.log（id）；
document.getElementById（id）.className=“orange”；
})（）

.orange{
背景：橙色
}

3.
随便什么
7.
随便什么

试试这个：

var elem = $(location.hash).css('background-color', '#FC9A24');
setTimeout(function() {
   elem.css({"background-color":"transparent", "transition":"background-color 0.5s ease"});
}, 2000);

---

您可以使用CSS单独实现这一点，方法是使用选择行，然后选择其

背景。这里有一个简单的例子；单击表下的链接以查看其运行情况：


#表-843 tr：目标{
动画：flash1s；
}
@关键帧闪烁{
0%,50%{
背景:#fc9；
}
100%{
背景：#fff；
}
}
*{color:#000；字体系列：arial；}
{显示：块；边距：0 0 5px；}
表{边框：1px实心#999；边框间距：2px；边距：20px 0；}
td{border:1px solid#ccc；padding:5px；}

3.
随便什么
7.
随便什么
希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用。@Paulie_D好的，我会的。ThaknsWell，我在你的小提琴上看不到任何评论的背景色。如果没有，请尝试在URL中添加
#44
present@stack是的，url具有与id选择器相同的哈希值。您能否将
动画（{'background-color'…
添加到您的解决方案中？（用于隐藏）@堆栈来设置颜色动画你需要额外的插件。你确定吗？我只想平滑地隐藏背景颜色..！我还使用jQuery..，这还不够？听起来很好..！谢谢。+1不客气。注意，你可能需要在一些动画属性前加前缀，具体取决于你需要定位的浏览器。有关更多信息，请参阅。