找出一组元素中的数字

时间:2012-01-04 15:28:51

标签: javascript jquery

如何在点击时建立一个元素在一个集合中的顺序,所以如果我单击一个集合中的第三个元素,我会得到一个三个?

这是一个jsfiddle示例 - > http://jsfiddle.net/vtt3d/

4 个答案:

答案 0 :(得分:4)

如果您希望元素的位置在用于绑定点击处理程序的确切集中;

var set = $('#set a').click(function(){
    alert(set.index(this) + 1);
    return false;
});

http://jsfiddle.net/vtt3d/2/

如果您想要在调度click事件时匹配选择器的元素集中的位置;

$('#set a').click(function(){
  alert($('#set a').index(this) + 1);
  return false;
});

http://jsfiddle.net/vtt3d/10/

请参阅index()方法

答案 1 :(得分:2)

使用jQuery的.index()函数来获取它相对于它的兄弟姐妹的索引(从0开始)。 See updated Fiddle

答案 2 :(得分:1)

http://api.jquery.com/index/

$('#set a').click(function(){
  alert($('#set a').index($(this)) + 1);
  return false;
});

http://jsfiddle.net/vtt3d/1/

答案 3 :(得分:1)

$( '#set a' ).on(
   'click',
   function(  )
   {
      alert('Index: ' + $('#set a').index( $(this) );
   }
);

这是一个基于零的索引。它将返回索引位置,其中0是第一个位置。如果你想要一个更易读的版本,请添加一个返回的索引。

来源:http://api.jquery.com/index/