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

任务是创建一个单击事件，该事件将导致标题向上滑动，我尝试仅使用一个单击事件引用来完成此任务，但这仅适用于第一个标题。是否有一个was可以在没有多个单击事件的情况下完成此任务

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

标题1
标题-2
标题-3
var i=1；
$（“h”+i）.bind（'click'，函数（）{
var thisID='#h'+i；
$（thisID）.slideUp（“慢”）；
i++；
});

您可以尝试将一个类添加到所有类中，并在脚本中使用该类。

尝试使用class而不是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 () {
        $(".sliderHeading").slideUp("slow");
    });

---

如果已知标头（id）的数量，请尝试在循环内执行此操作

---

用于（var i=1；i由于选择器只运行一次，因此在我更新时它不会神奇地更新。只需将单击事件绑定到每个元素。您可以使用此对象或事件对象引用它。非常感谢！我还没有真正掌握类。看到它能解决此问题确实帮助我更好地理解此概念。这已修复我的问题，现在我进入下一个任务！谢谢你的建议，这就是解决方案：）
 $(".sliderHeading").bind('click', function () {
        $(".sliderHeading").slideUp("slow");
    });

$("h" + i).bind('click', function () {
    var thisID = '#h' + i;
    $(thisID).slideUp("slow");

});