获取所选元素的位置，而不是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());我会得到＆＃39; 3＆＃39; - 我想要＆＃39; 2＆＃39;。

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