如何为href属性内联颜色框提供动态变量

Question

如何更改内联颜色框“href”动态 就像我想要的一样，当我单击“tr”颜色框时，将其“标题”改为“href” 并展示它 喜欢

<table>
    <tr title="project1">
        <td></td>
    </tr>
    <tr title="project2">
        <td></td>
    </tr>
</table>
<div id="project1" style="display:none">this is about project one</div>
<div id="project2" style="display:none">this is about project two </div>

Answer 1

你可以这样做：

$("tr").click(function() {
   $("#" +  $(this).attr("title")).show();
});

在行点击时，它采用 title 属性，将其用作ID 选择器并显示匹配的元素。如果您想在发生这种情况时隐藏其他人，请给您的 div 提供一个类似 class="project" 的类，然后在显示之前添加一个隐藏测试的调用，如下所示：

$("tr").click(function() {
   $(".project").hide();
   $("#" +  $(this).attr("title")).show();
});