如何为 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();
});

单击行时，将获取标题属性，将其用作 ID 选择器并显示匹配的元素。如果您想在发生这种情况时隐藏其他内容，请为您的 div 提供一个类似 class="project" 的类，并在显示之前添加一个调用来隐藏测试，如下所示：

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