Question

我正在尝试在具有相同类名和唯一ID的每个链接上启用click功能。但问题是点击功能仅在第一个链接上有效。链接数量未知，可以是1,2,3或任何...

所以购买获得具有相同类名的链接数量，试图为每个点击功能制作一个循环。任何人都可以帮助我！

我正在尝试的代码是

<a class="divclasss" id="clicki25" >
    <i class="fa fa-envelope"></i>
</a>
<a class="divclasss" id="clicki26" >
    <i class="fa fa-envelope"></i>
</a>

<a class="divclasss" id="clicki27" >
    <i class="fa fa-envelope"></i>
</a>

我正在使用的Jquery代码是

  alert($('.divclasss').attr("id")); 


for (var i=0; i<$('.divclasss').length; i++) {
$("#id").click(function(){  
/// 
}); 
}

1.。）我如何知道链接的总数？ 2.）对于每个具有唯一ID的div启用点击功能。

Answer 1

为什么不这样做，而不是使用id绑定功能。请注意，每个元素都有一个公共类divclasss。

$('.divclasss').click(function(){
  console.log(this.id); //clicki25 , clicki26 based on the clicking element
});

Answer 2

由于它具有相同的类名，因此您不必像这样循环，只需使用

即可

$('.divclasss').click(function(){
   alert($(this).attr("id");
  });

或者您可以使用jquery属性starts with选择器

$("[id^=clicki]").click(function(){
  alert($(this).attr("id");
});

Answer 3

使用普通类

尝试此操作

1）长度

var totalClass= $('.divclasss').length;

2）点击事件

  $('.divclasss').click(function(){


  });

Answer 4

您不必遍历所有div，只需使用class选择器绑定点击事件：

$('.divclasss').click(function(){
  //do click task here
});

获取id的值并启用jquery中相同类的每个链接

4 个答案: