原生 js 如何实现 jquery 的 closest()方法?
phpcn_u274
phpcn_u274 2017-02-14 13:31:07
0
2
1784

原生 js 如何实现 jquery 的 closest()方法?

情景: 想要查找某个元素的祖先元素, 中间不知相隔多少层? 但是又不想引入jquery整个库。


phpcn_u274
phpcn_u274

全部回覆(2)
数据分析师

原生 js 如何實作 jquery 的 closest()方法? -PHP中文網問答-原生 js 如何實作 jquery 的 closest()方法? -PHP中文網問答

圍觀一下哦,學習一下。

阿神

这个问题,你该让jquery回答啊....自己看下源码不就可以了

closest: function( selectors, context ) {
    var cur,
        i = 0,
        l = this.length,
        matched = [],
        pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ?
            jQuery( selectors, context || this.context ) :
            0;

    for ( ; i < l; i++ ) {
        for ( cur = this[ i ]; cur && cur !== context; cur = cur.parentNode ) {

            // Always skip document fragments
            if ( cur.nodeType < 11 && ( pos ?
                pos.index( cur ) > -1 :

                // Don't pass non-elements to Sizzle
                cur.nodeType === 1 &&
                    jQuery.find.matchesSelector( cur, selectors ) ) ) {

                matched.push( cur );
                break;
            }
        }
    }

    return this.pushStack( matched.length > 1 ? jQuery.uniqueSort( matched ) : matched );
},


熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!