javascript - 我可以引用变量上的单击事件吗？

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");
    });