jQuery中的siblings()效果,用javascript如何实现

本人姓姚法号曰不醒
  • 19

如何用javascript实现jQuery中siblings()的效果

回复
阅读 5k
4 个回答
✓ 已被采纳
        var third = document.querySelectorAll('.third')[0];
        
        function siblings(elem){
            var ret = [],
                elem = elem.nextSibling;
                
            for(; elem; elem = elem.nextSibling){
                if(elem.nodeType == 1){
                    ret.push(elem);
                }
            }
            return ret;
        }
        console.log(siblings(third));
var a = document.querySelector("li"),
    siblings = function( n, elem ) {
        var matched = [];

        for ( ; n; n = n.nextSibling ) {
            if ( n.nodeType === 1 && n !== elem ) {
                matched.push( n );
            }
        }

        return matched;
    },
    brother = siblings( a.parentNode.firstChild , a );
    
console.info( brother )

siblings()是jQuery源码

javaScript,有nextSibling,previousSibling,找下一个节点,上一个节点。nextElementSibling,previousElementSibling,找下一个元素节点,上一个元素节点。n如果你要获取所有的siblings,那么就遍历。
比如ul下的li

var get_ul = document.querySelector('ul'),
    get_lis = get_ul.getElementsByTagName('li'),
    sib_eles = [];

var getSiblings = function(element) {
    for(var i=0;i<get_lis.length;++i) {
        if(get_lis[i] === element) {
            continue;
        }
        sib_eles.push(get_lis[i]);
    }
    return sib_eles;
}
   
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏