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

Question

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

这是一个示例 html：

<span class='spantype1_a'>text1</span>
<span class='spantype2_b'>text2</span>
<span class='spantype1_c'>text3</span>

所以如果我点击 text3 我想返回 1 而不是 2。

来自here 的这个答案不起作用，因为每个跨度都有一个唯一的类，因此返回 0，请参阅the jsfiddle here：

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

另外，下面的代码返回-1，见the example jsfiddle here：

$( "span" ).click(function() {
    var aclass = $(this).attr('class');
    var back = aclass.lastIndexOf("_");
    var classtosearch = aclass.substring(0, back);
    alert($('.' + 'span[class^="' + classtosearch + '"]').index($(this)));
}

Answer 1

解决办法是改变：

alert($('.' + 'span[class^="' + classtosearch + '"]').index($(this)));

到：

alert($('span[class^="' + classtosearch + '"]').index($(this)));

见here。