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>

Answer 2

$(function() {
$(".link").click(function(){
    var id = $(this).attr("id");
    var element = ".secret_" + id;
    $(element).show();
}
    )
 });

并使用secret_ remove＃after secret_`

Answer 3

$(".link").click(function(e){
    var idClicked = $(this).attr("id");
    $("#secret_" + idClicked).show();
});

使用它。并且不需要元素var。

获取点击链接的ID并将其传递给JQuery

3 个答案: