Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 查找特定类元素的Dom节点索引_Javascript_Jquery_Indexing - Fatal编程技术网

Javascript 查找特定类元素的Dom节点索引

Javascript 查找特定类元素的Dom节点索引,javascript,jquery,indexing,Javascript,Jquery,Indexing,嗨,我有一系列不同类别的标签。单击跨度时,我希望返回跨度类的索引。所以不是跨度本身的索引 以下是一个示例html: <span class='spantype1'>text1</span> <span class='spantype2'>text2</span> <span class='spantype1'>text3</span> 编辑:我的意思是,如果我点击文本3,我返回1,如果我点击文本1,我返回0。我道歉。当然,

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

以下是一个示例html:

<span class='spantype1'>text1</span>
<span class='spantype2'>text2</span>
<span class='spantype1'>text3</span>
编辑:我的意思是,如果我点击文本3,我返回1,如果我点击文本1,我返回0。我道歉。当然,如果我点击text2,我会返回0。

试试这个:

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


索引从0开始我编辑了这个问题,它有一个错误。见上文,谢谢。你回答了我的问题,我甚至都写不好。见上面编辑的问题。我用更多的跨距测试了您的解决方案,它成功了。看.Sudhar,我用实际的html文件尝试了这个方法,每次它都返回-1。我构建了一个具有相同dom结构的。问题是每个跨度有两个类,但我们只关心第一个类的索引。所以我不知道为什么我得到-1。有什么想法吗?
var index = $(this).parent().find($(this)).index();
$( "span" ).click(function() {
    var index = $('.' + $(this).attr('class')).index($(this));
    alert(index + 1);
});