Xui.js .children()替代方法

Question

jQuery的.children()的xui.js (如果需要的话，也可以是纯javascript )是什么。

更具体地说，我正在尝试获取$x(this)的子项，但$x(this).children('p')不起作用(例如，它似乎不存在于库中。Firebug没有识别它，在xuijs文档中也没有)。

Answer 1

我不确定这个库，但是如果你有原生DOM元素，原生JS可能是这样的：

[].filter.call(this.children, function(el, i) { 
    return el.nodeName.toLowerCase() === 'p'; 
});

如果你支持传统浏览器，你可以从MDN获取Array.prototype.filter的填充程序。

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/filter#Compatibility

而且你也可以很容易地创建一个可重用的函数。

function children(elem, s) {
    return [].filter.call(elem.children, function(el, i) { 
        return el.nodeType === 1 && (!s || el.nodeName.toLowerCase() === s); 
    });
}

children(this, 'p');

它只按标记名进行过滤，但扩展起来会很简单。