부모 태그 가져오기

2698 단어 Jquery
1. Jquery에서 부모 탭을 가져오는 세 가지 방법을 제공합니다
  • $().parent()
  • $('#id').parent();
    // jquery    ,  element parentNode,  parentNode document,   null
    parent: function( elem ) {
            var parent = elem.parentNode;
            return parent && parent.nodeType !== 11 ? parent : null;
    }
  • $().parents(); 부모 요소 그룹 가져오기
  • $('#id').parents();//        
    //jquery    ,  dir       parentNode
    parents: function( elem ) {
            return dir( elem, "parentNode" );
    }
    /**
    *   elem   dir  , dir   until ,    
    * elem noteType   9(document  ), nodeType 1(  ) ,        
    * @param elem element  
    * @param dir           parentNode
    * @param until       ,         
    * @returns {Array}     
    */
    var dir = function( elem, dir, until ) {
        var matched = [],
            truncate = until !== undefined;
    
        while ( ( elem = elem[ dir ] ) && elem.nodeType !== 9 ) {
            if ( elem.nodeType === 1 ) {
                if ( truncate && jQuery( elem ).is( until ) ) {
                    break;
                }
                matched.push( elem );
            }
        }
        return matched;
    };
  • $(‘#id’).parentsUntil (): 선택기, DOM 노드, jQuery 대상이 일치할 때까지 현재 일치하는 원소의 조상 원소를 얻습니다.
  • $('#id').parentsUntil('selector')
    parentsUntil: function( elem, i, until ) {
            return dir( elem, "parentNode", until );
        },

    좋은 웹페이지 즐겨찾기