[解決済み] jQueryで直下の子 div 要素をカウントする
2022-04-14 17:12:26
質問
以下のようなHTMLのノード構造を持っています。
<div id="foo">
<div id="bar"></div>
<div id="baz">
<div id="biz"></div>
</div>
<span></span>
</div>
の直下の子の数を数えるにはどうしたらよいですか?
foo
であり、型が
div
? 上記の例では、結果は2つの(
bar
と
baz
).
解決方法は?
$("#foo > div").length
idが'foo'の要素の直接の子で、divであること。そして、生成されたラップセットのサイズを取得する。
関連
-
Vue Element-uiは、アイコンを追加するためのツリーコントロールノードを詳細に実装しています。
-
[解決済み】Uncaught SyntaxError: JSONの位置0に予期しないトークンuがあります。
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] Node.jsを使うタイミングをどう判断するか?
-
[解決済み] jQueryを使ったAjaxリクエストの中断
-
[解決済み] オブジェクトの配列から、プロパティの値を配列として取り出す。
-
[解決済み] JavaScript で DOM ノードのすべての子要素を削除する
-
[解決済み] jQueryを使用してdivのinnerHTMLを置き換えるには?
-
[解決済み] javascript(またはjQuery)を使って::beforeや::afterなどのCSS疑似要素を選択し、操作する。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
JSクロスドメインソリューション リアクト構成 リバースプロキシ
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
vue+webrtc(Tencent cloud)ライブ機能の実践を実現するために
-
Vueのフォームイベントのデータバインディングの説明
-
[解決済み】SyntaxError: JSONの位置1に予期しないトークンoがある。
-
[解決済み】"フォームが接続されていないため、フォームの送信がキャンセルされました "というエラーの取得について
-
[解決済み】「.addEventListener is not a function」なぜこのエラーが発生するのか?
-
HTML5 LocalStorage ローカルストレージとセッションストレージの使用法
-
JavaScriptのgetElementById()メソッド入門
-
[解決済み] jQueryの子要素数