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

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>如果您只需要点击的标题向上滑动：&nbsp; &nbsp;$(".sliderHeading").bind('click', function () {&nbsp; &nbsp; &nbsp; &nbsp; var thisID = $(this).attr('id');&nbsp; &nbsp; &nbsp; &nbsp; $(thisID).slideUp("slow");&nbsp; &nbsp; });如果您需要一键滑动所有标题：&nbsp;$(".sliderHeading").bind('click', function () {&nbsp; &nbsp; &nbsp; &nbsp; $(".sliderHeading").slideUp("slow");&nbsp; &nbsp; });

Answer 2

如果标题 (id) 的数量已知，请尝试在循环内执行此操作。for (var i=1; i<=3; i++) {$("h" + i).bind('click', function () {&nbsp; &nbsp; var thisID = '#h' + i;&nbsp; &nbsp; $(thisID).slideUp("slow");});}

Answer 3

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