将“this”添加到jQuery中的“each”的父堆栈中

时间:2010-04-01 05:10:06

标签: jquery arrays stack parents

这个问题有点像两个问题。首先是标题问题。这就是我所拥有的:

// Report all of the parents
$(this).parents().each(function(i){

    // Collect the parts in a var
    var $crumb = '';

    // Get the tag name of the parent
    $crumb += "<span class='tagName'>"+this.tagName+"</span>";

    // And finally, report it
    $breadcrumbs.prepend($crumb);

});

不幸的是,这不包括实际元素本身,只包括父母。有什么方法可以说“这和父母”吗?

现在,第二个问题。如果我无法添加到堆栈中,我如何将该函数的内容分成另一个函数,同时保留它的“this”能力?它会是这样的:

// Function to report the findings
function crumble(e){

    // Collect the parts in a var
    var $crumb = '';

    // Get the tag name of the parent
    $crumb += "<span class='tagName'>"+this.tagName+"</span>";

    // And finally, report it
    $breadcrumbs.prepend($crumb);

};
$(this).parents().each(crumble());

提前感谢您的时间!

1 个答案:

答案 0 :(得分:7)

对于第一个问题,您可以使用.andSelf方法:

$(this).parents().andSelf().each(function () {
  // ..
});

你必须注意一些事情,$crumb变量是本地范围的,所以它会在你each循环的每次迭代中初始化。

对于你的第二个问题,是的,你可以定义一个完成each回调工作的函数,你只需要传递对它的引用,而不是调用它(删除parens):

$(this).parents().each(crumble);