我可以在变量上引用点击事件吗？

Question

任务是创建一个单击事件，该事件将导致标题向上滑动，我试图仅使用一个单击事件引用来完成此任务，但这仅适用于第一个标题。是否可以在没有多个点击事件的情况下完成此操作？<h1 id="h1">Heading-1</h1><h2 id="h2">Heading-2</h2><h3 id="h3">Heading-3</h3><div id = "result"></div><script src="jquery.js"></script><script>    var i= 1;    $("h" + i).bind('click', function () {        var thisID = '#h' + i;        $(thisID).slideUp("slow");        i++;     });

Answer 1

尝试使用类而不是 ID。就像是

<h1 id="h1" class="sliderHeading">Heading-1</h1>

<h2 id="h2" class="sliderHeading">Heading-2</h2>

<h3 id="h3" class="sliderHeading">Heading-3</h3>

如果您只需要点击的标题向上滑动：

   $(".sliderHeading").bind('click', function () {

        var thisID = $(this).attr('id');

        $(thisID).slideUp("slow");

    });

如果您需要一键滑动所有标题：

 $(".sliderHeading").bind('click', function () {

        $(".sliderHeading").slideUp("slow");

    });

Answer 2

如果标题 (id) 的数量已知，请尝试在循环内执行此操作。

for (var i=1; i<=3; i++) {

$("h" + i).bind('click', function () {

    var thisID = '#h' + i;

    $(thisID).slideUp("slow");

});

}

Answer 3

您可以尝试为所有这些添加一个类并在您的脚本中使用它。