獲取所選元素的位置，而不是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>`