Javascript上的多点单击功能

我是javascript新手，我正在使用以下脚本：

<script type="text/javascript">
$(document).ready
(function()
 {
     $('#apply').click(function()
     {
         $('#applyinfo').toggle("slow");
     });
 });
</script>

$（文件）。准备好了吗
（功能（）
{
$（“#应用”）。单击（函数（）
{
$（'#applyinfo'）。切换（“慢速”）；
});
});

---

当我点击apply（应用）以显示apply info（应用信息）div（应用信息div）时，用于点击功能。该功能正在工作，但如果我创建了多个应用id，它将不工作。请在这方面帮助我。

如果您希望为多个dom元素绑定click函数，可以将其用作

 $(document).ready(function() {
    $('#apply,#apply1,#apply2').click(function() {
      $('#applyinfo').toggle("slow");
    });
  });

使用

，

分隔符。但是，您不能为不同的html元素命名相同的id。在这种情况下，按照@Pranav在注释中的建议选择一个类选择器

例如

  $('.applyClass').click(function() { .. } );

---

id

应该是唯一的，所以对所有这些项使用公共类

<script type="text/javascript">
  $(document).ready(function() {
    $('.apply').click(function() {
    //-^-- class selector
      $('#applyinfo').toggle("slow");
    });
  });
</script>

$（文档）.ready（函数（）{
$（'.apply'）。单击（函数（）{
//-^--类选择器
$（'#applyinfo'）。切换（“慢速”）；
});
});

尝试以下解决方案：

$(document).ready(function() {
    $("[id$='apply']").click(function() {
      $('#applyinfo').toggle("slow");
    });
  });

---

一个

id

应该是唯一的，因此不能选择多个

#apply

和

#applyinfo

。相反，切换到类

不过，该函数取决于您的HTML

如果

.applyinfo

是

.apply

的子项，则此操作有效：

HTML:

演示

$（函数（）{
$（'.apply'）。单击（函数（）{
$（this.find（'.applyinfo'）.toggle（“slow”）；
});
});

点击这里
切换此信息
点击这里
切换此信息
点击这里
切换此信息
id
应该是唯一的，你应该使用
class
而不是使用我在这里使用的两个id，我使用的哪个class可以包含
html
？
<div class="apply">Click here
  <div class="applyinfo">Toggle this info</div>
</div>

$(function() {
  $('.apply').click(function() {
    $(this).find('.applyinfo').toggle("slow");
  });
});