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

Question

您好我有一系列不同类的标签。单击某个span时，我想返回跨度类的索引。所以不是跨度索引。

这是一个示例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

Answer 2

试试这个：

var index = $(this).parent().find($(this)).index();