- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:DOM の 要素の数え方について)
DOM要素の数え方について
このQ&Aのポイント
- 同じクラス名のついた、子要素の数え方を回答いただければと思います。
- liタグが5つあるので、そのような出力にしたいのです。
- 各ulのliタグの数をどのように出すか、教えてください。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
UL要素の一覧を取り、個々にLI要素を勘定し、結果を配列とする簡単なやり方 var 結果 = [].map.call( document.querySelectorAll('ul.myClass'), function(ul){return ul.querySelectorAll('li').length} ); // 質問の HTML を対象に実行すれば、結果 = [2, 3] 余談ではありますが、以下の関数は間違いやすいのでご注意ください document.querySelector() - 該当する最初の一件だけをとる document.querySelectorAll() - 該当する全てをとる
その他の回答 (1)
- fujillin
- ベストアンサー率61% (1594/2576)
回答No.1
1)ドキュメント内のUL要素を洗い出す 2)それぞれについて指定クラスを持つか判別 3)該当する各UL内のLI要素数を調べる みたいな考え方でどうでしょうか?
質問者
お礼
上記の回答と同じような感じでしょうか。 回答いただき、ありがとうございました。
お礼
サンプルコードをふくめていただき、回答ありがとうございました。 配列から配列を取る感じですね。良い参考になりました。