ホーム > siblings (全2件)
  • 2つの要素をまとめて移動する

    現在の要素とその次の要素を同列の先頭に移動する。

    $(this).siblings( ':first' ).before( $(this), $(this).next() );
    

    before関数のパラメータは複数指定できるので、2つの要素を同時に移動させる場合はそれぞれ(上記の例では$(this)と$(this).next())を指定すればいい。

  • 兄弟要素を取得する

    兄弟要素(同じ親要素で自分以外)を取得する。

    // contentクラスの兄弟要素について何か処理する
    $(this).siblings( '.content' ).each( function () {
    	// ここに処理を記述
    } );
    
    // 2番目以降のli要素を非表示にする
    $( 'ul > li:first' ).siblings( 'li' ).hide();
    

    兄弟要素を取得する場合に使用(自要素は取得対象にならない)。パラメータに条件を指定できるので、特定の要素名やクラスといった絞り込みが可能である。