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

Question

我刚刚在我维护的网站上为董事会列表创建了一个目录。目前，我有一个 <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 多个项目，我不想为每个项目设置一个单独的事件。请指教。

谢谢!

Answer 1

只需使用 href 属性作为 ID

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

它只是一个字符串，与编写 $('#1') 完全相同(顺便说一句，不要使用数字作为 ID)