[解決済み] 兄弟ノードを選択する方法はありますか?
2022-07-09 22:25:21
質問
パフォーマンス上の理由から、選択したノードの兄弟ノードのみを選択する方法を見つけようとしています。
例えば
<div id="outer">
<div id="inner1"></div>
<div id="inner2"></div>
<div id="inner3"></div>
<div id="inner4"></div>
</div>
inner1ノードを選択した場合、その兄弟ノードにアクセスする方法はありますか?
inner2-4
ノードにアクセスする方法はありますか?
どのように解決する?
そうですね...確かに...親にアクセスして、次に子にアクセスすればいいんですね。
node.parentNode.childNodes[]
または...jQueryを使用します。
$('#innerId').siblings()
編集部:Cletusはいつもながら感心させられます。私はさらに掘り下げました。これは、jQueryが本質的に兄弟を取得する方法です。
function getChildren(n, skipMe){
var r = [];
for ( ; n; n = n.nextSibling )
if ( n.nodeType == 1 && n != skipMe)
r.push( n );
return r;
};
function getSiblings(n) {
return getChildren(n.parentNode.firstChild, n);
}
関連
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScriptで文字列をbooleanに変換するにはどうしたらいいですか?
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] JavaScriptでNULL、未定義、空白の変数をチェックする標準的な関数はありますか?
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] Node.jsを使うタイミングをどう判断するか?
-
[解決済み] 前の兄弟」セレクタはありますか?
-
[解決済み] jQueryで名前を指定して要素を選択するには?
-
[解決済み] JavaScriptやデバッグでDOMノード上のイベントリスナーを見つけるには?
-
[解決済み】 {this.props.children} に props を渡すには?}
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jqueryでdivの要素がオーバーフローしていないかチェックする
-
[解決済み] TypeScriptのdeclare classとinterfaceの違いとは?
-
[解決済み] express.json()とexpress.urlencoded()とは何ですか?
-
[解決済み] WebpackでjQueryを本物のWindowオブジェクトに公開する
-
[解決済み] uint8配列をbase64エンコードされた文字列に変換する方法は?
-
[解決済み] Firebase用Cloud Functionsのトリガーは時間通り?
-
[解決済み] Javascript 確認ポップアップの「OK」「キャンセル」の代わりに「はい」「いいえ」ボタン
-
[解決済み] Angularで、配列内のオブジェクトを検索したい。
-
[解決済み] react-hooksによるステート更新時の非同期コードの実行
-
[解決済み] $.when.apply($, someArray)は何をするのですか?