javascript - 我可以选择链接引用的ID吗？

我刚刚创建了一个目录，用于维护的网站上的董事会名单。当前，我在每个<a>内嵌套了一个<li>标记，该标记引用每个人的详细信息所在的位置。这是目录的样子：

<li><a href="#1">name goes here</a></li>

这是页面上每个项目的外观：

<td id="1">
    <p>
        Name goes here<br>
        Details go here<br>
    </p>
</td>

这就是我要完成的工作。当您单击<a href="#1">name goes here</a>时，您将被下拉至<td id="1">，并且<td id="1">的背景色将变为黄色，并逐渐变回透明。

页面周围的运动已经起作用（它只是一个id的href），而且我知道如何使用jquery设置背景颜色的动画。我不知道如何选择<td id="1">。我可以简单地做到这一点

$('li a').click(function(){
    $('td#1').animate...
});

但是列表中有20多个项目，我不想为每个项目单独设置一个事件。请指教。

谢谢！

最佳答案

只需使用href属性作为ID

$('li a').click(function(){
    $( $(this).attr('href') ).animate...
});

它只是一个字符串，与写$('#1')完全一样（顺便说一句，请勿将数字用作ID）