ホーム > parent (全2件)
  • 親要素を探す2

    IDがcategory-listの要素の先祖(上位要素)要素を探す。

    /* 上位のdiv要素を探す */
    $( '#category-list' ).parents( 'div' ).each( function () {
    	// div要素があった場合の処理
    } );
    
    /* 上位の要素数を取得する */
    var elms = $( '#category-list' ).parents().length;
    

    parents関数は1つ上位から最上位のHTML要素までを対象にマッチする要素を取得する。すぐ上の要素はparent()関数で取得できる。

  • 親要素を探す

    href属性が#tab1のa要素の親要素を探す。

    /* 親要素を探す */
    var aparent = $( 'a[href=#tab1]' ).parent();
    
    /* 親要素に'active'クラスを付ける */
    $( 'a[href=#tab1]' ).parent().addClass( 'active' );
    

    parent関数は1つ上位の要素を取得するので、2つ上(親のさらに親)であればparent().parent()と記述すればいい。また任意の先祖であればparents()を使用すればいい。