Javascript 获取选定元素的位置,而不是DOM中元素的索引 标题一 标题二 标题标题 标题三 ​

Javascript 获取选定元素的位置,而不是DOM中元素的索引 标题一 标题二 标题标题 标题三 ​,javascript,jquery,Javascript,Jquery,我想得到元素在jQuery选择中的位置,而不是它在DOM中的索引 目前,如果Ialert($(“h3”).eq(2).index())我会得到'3'-我想要'2' 将索引()传递给选择器: <div> <h3>Heading one</h3> <h3>Heading two</h3> <h4>heading caption</h4> <h3>Heading three</h3&g

我想得到元素在jQuery选择中的位置,而不是它在DOM中的索引

目前,如果I
alert($(“h3”).eq(2).index())我会得到'3'-我想要'2'

将索引()传递给选择器:

<div>
  <h3>Heading one</h3>
  <h3>Heading two</h3>
  <h4>heading caption</h4>
  <h3>Heading three</h3>
</div>​

标题一
标题二
标题标题
标题三
$(文档).ready(函数(){
$(“div”).children().each(函数(){
$(此)。单击(函数(){
警报($(this.context.innerHTML);
});  
});
});
`

boom!谢谢我知道有一个简单快捷的方法但要等10分钟才能接受我不知道我是否明白。。。
.eq(2)
是基于零的,因此它选择了
标题三
。是什么让它成为jQuery选择中的第二个元素?@Cecchi-可能不是最好的例子,但其中隐藏了一个
h4
,直接的
index()
调用被弄脏了,因为它检查父级中的索引,它比选择器有一个额外的元素。通过单击该特定代码获取div位置的all子级
alert($("h3").eq(2).index("h3"));
<div>
   <h3>Heading one</h3>
   <h3>Heading two</h3>
   <h4>heading caption</h4>
   <h3>Heading three</h3>
</div>

<script type="text/javascript">
$(document).ready(function(){ 
    $("div").children().each(function(){  
        $(this).click(function(){
            alert($(this).context.innerHTML);
        });  
    });
});
</script>`