javascript - 查找某个类元素的 Dom 节点索引

Question

嗨，我有一系列不同类别的标签。单击跨度时，我想返回跨度类的索引。所以不是跨度本身的索引。

这是一个示例 html:

<span class='spantype1'>text1</span>
<span class='spantype2'>text2</span>
<span class='spantype1'>text3</span>

因此，如果我点击 text3，我想返回 1 而不是 2。

这个答案来自here不起作用:

$( "span" ).click(function() {
    var index = $(this).parent().children().index(this);
alert(index);
});

编辑:我的意思是如果我点击text3我返回1，如果我点击text1我返回0。我很抱歉。当然，如果我点击 text2，我会返回 0。

Answer 1

尝试，

$( "span" ).click(function() {
    var index = $('.' + $(this).attr('class')).index($(this));
    alert(index + 1);
});

DEMO