javascript - 获取所选元素的位置，而不是 DOM 中元素的索引

Question

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

我想获取元素在 jQuery 选择中的位置，而不是它在 DOM 中的索引。

目前，如果我alert($("h3").eq(2).index());得到“3”，我想要“2”。

http://jsfiddle.net/4QmEF/

Answer 1

将您的 index() 传递给选择器：

alert($("h3").eq(2).index("h3"));

Answer 2

<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>`