javascript - 满足条件时停止 Jquery.map

Question

我有以下代码：

var parentEls = node.parents() 
    .map(function () {

        var curParentID = this.getAttribute("id"); 
        var curParentClass = this.getAttribute("class");

        if(curParentID) {
            return this.tagName + "#" + curParentID;
            /*stop the map function from proceeding*/
        } else {
            return this.tagName;
        }
    })
    .get().reverse().join(", ");

上面的代码有助于查找唯一 ID 的搜索，一旦发现 ID，它就会创建 xpath。一旦地图功能到达检索ID并且地图功能应该停止的地步，我该如何停止地图功能？我试过 return false 和 break 但它不起作用。

还有其他建议吗？

Answer 1

我认为不可能使用 .map()，您可能必须在这里使用 .each()

var temp = [];
node.parents().each(function () {
    var curParentID = this.getAttribute("id"); 
    var curParentClass = this.getAttribute("class"); 
    if(curParentID){
        temp.push(this.tagName + "#" + curParentID);
        return false;
    } else {
        temp.push(this.tagName);
    }
});
var parentEls = temp.reverse().join(", ");

Answer 2

   // parentsUntil() doesn't include the element specified by selector, 
   // so you need to add the closest ancestor with id attribute to the collection
   var parentEls = node.parentsUntil('[id]').add( node.closest('[id]') )
        .map(function () {
            return this.id ? '#' + this.id : this.tagName;
        })
        .get().join(", ");

小提琴（更新）：http: //jsfiddle.net/SKqhc/5/