使用 Jquery 获取特定标签的索引

Question

有没有办法只索引父元素中的特定元素？ 例如：

$('h4').click(function(){

   alert($('div h4').index('h4'));

});

<div>
 <p>do not include in indexing</p>
 <p>do not include in indexing</p>
 <p>do not include in indexing</p>
 <p>do not include in indexing</p>
<h4>Tag I want to include in index</h4>
<h4>Tag I want to include in index</h4>
</div>

我想要的是与我单击的 h4 标签相对应的 0 或 1 警报。

jquery可以做到这一点吗？

更新

感谢所有的答案，你们提供的大部分内容都有效，但在工作实践中它似乎不起作用。 我想我的页面中的其他地方有问题。

不管怎么说，还是要谢谢你

Answer 1

试试这个

$('h4').click(function(){    
   alert($('div h4').index(this));    
});

小提琴示例： http : //jsfiddle.net/L84QV/

Answer 2

根据文档：

如果我们使用一个字符串作为 .index() 方法的参数，它会被解释为一个 jQuery 选择器字符串。 定位对象的匹配元素中也与此选择器匹配的第一个元素。

所以你可以这样做：

$('h4').click(function(){    
    var idx = $(this).index('h4');
    alert(idx);
});​

演示

Answer 3

使用此测试 HTML：

  <div id="main">
      <p>do not include in indexing</p>
      <p>do not include in indexing</p>
      <p>do not include in indexing</p>
      <p>do not include in indexing</p>
      <h4>Tag I want to include in index</h4>
      <h4>Tag I want to include in index</h4>
   </div>     
   <div id="test"></div>

...还有这个JS：

$('h4').click(function() {
  var index1 = $(this).index("h4");
  $("#test").append(index1);
});​

这将 0 或 1 附加到我添加的测试 div 元素。

jsfiddle： http : //jsfiddle.net/8Tfq8/11/

Answer 4

$('>'+this.tagName,this.parentNode).index(this)

http://jsfiddle.net/doktormolle/ZVmaL/