jquery - 查找父元素jquery的哪个子元素

Question

所以我可以找到一个元素是否是父元素的子元素，但我不知道如何获取当前元素在父元素中的索引。例如。我在我的页面http://gundlach-marketing.com/dev上有折叠文章，为了重置页边距，我需要知道它们是什么文章编号。

var articleId = $(this).attr('id');
var articleIndex;
$(this).parent().children('article').each(function (index) {
    if ($(this).attr('id') == articleId) {articleIndex = index}
});

上面的代码有效，只是不优雅。一定有更好的方法！它是什么？

Answer 1

利用$ele.index

var $this = $(this);
var articleId = $this.prop('id');
var $article = $this.find("#" + articleId);
var index = $this.siblings('article').index($article);

如果您试图找到它的索引，那么只需使用

var index $(this).parent().getChildren('articles').index(this);

Answer 2

$(this).parent().children() 

相当于

$(this).siblings()

不？和

$(this).index()

可能只是做两者的工作。

http://jsfiddle.net/isherwood/VChu4/