javascript - 获取点击链接的 id 并将其传递给 JQuery

Question

<a class = "link" href="#" id = "one">
<div class="secret_div" id = "secret_one" style = "display: none;">
    <p>This is a secret</p>
</div>


<a class = "link" href="#" id = "two" style = "display: none;">
<div class="secret_div" id = "secret_two">
    <p>This is a 2nd secret</p>
</div>

如何获取被点击的链接的 ID？这是我使用的 JQuery 脚本，但似乎不起作用

<script type="text/javascript">
$(function() {
    $(".link").click(function(){
        var id = $(this).attr("id");
        var element = ".secret_" + id + "#" + "id";
        $(element).show();
    }
        )
});
</script>

我正在尝试将 ".secret_two#two" 与所选链接的 id 连接起来，以便我可以将其存储到 element 变量中那么我可以做这样的事情$(element).show()

我们如何着手做到这一点

Answer 1

使用

var element = "#secret_" + id;

而不是

var element = ".secret_#" + id;

尝试

<script type="text/javascript">
$(function() {
    $(".link").click(function(){
        var id = $(this).attr("id");
        var element = "#secret_" + id;
        $(element).show();
    }
        )
});
</script>