Umbrella - にほんご。

siblings

更新日: 2018-02-09

.siblings(filter)

フィルタを使って兄弟要素を取得します。


パラメータ

filter: string
ノードをフィルタリングするセレクタか、booleanを返す関数を指定します。 詳しくは.filter()を参照して下さい。
.siblings(filter);

戻り値

u
兄弟要素のノードを持ったUmbrellaのインスタンスを返します。

ホバー(マウスオーバー)されたliの最初の兄弟要素を取得します。

u('li:hover').siblings('li:first-child');

全ての兄弟要素を取得します。

u('li').siblings();

デモ

以下のリストをマウスオーバーすると、 マウスオーバーした要素に対しての兄弟要素を console.logに出力します。

  • 1-1
  • 1-2
  • 2-1
  • 2-2
    • 2-2-1

JavaScript

u('#demo').on('mouseover', function() {
  var siblings = u('li:hover').siblings();
  console.log(siblings);
});

HTML

<div id="demo">
  <ul>
    <li>1-1</li>
    <li>1-2</li>
    <li></li>
  </ul>
  <ul>
    <li>2-1</li>
    <li>2-2
      <ul>
        <li>2-2-1</li>
      </ul>
    </li>
  </ul>
</div>

関連項目

.parent() 全ての親要素を取得します。

.find() マッチした全ての子孫要素を取得します。

.closest() マッチした要素から最も近い親要素を取得します。

.children() フィルタを使って直下の子要素を取得します。



© 2014 Francisco Presencia Released under the MIT license

このコンテンツはFrancisco Presencia(franciscop)によるUmbrella JSドキュメントを翻訳/改変したものです。