• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:DOM の 要素の数え方について)

DOM要素の数え方について

このQ&Aのポイント
  • 同じクラス名のついた、子要素の数え方を回答いただければと思います。
  • liタグが5つあるので、そのような出力にしたいのです。
  • 各ulのliタグの数をどのように出すか、教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • Ogre7077
  • ベストアンサー率65% (170/258)
回答No.2

UL要素の一覧を取り、個々にLI要素を勘定し、結果を配列とする簡単なやり方 var 結果 = [].map.call(  document.querySelectorAll('ul.myClass'),  function(ul){return ul.querySelectorAll('li').length} ); // 質問の HTML を対象に実行すれば、結果 = [2, 3] 余談ではありますが、以下の関数は間違いやすいのでご注意ください document.querySelector() - 該当する最初の一件だけをとる document.querySelectorAll() - 該当する全てをとる

rynak_jp
質問者

お礼

サンプルコードをふくめていただき、回答ありがとうございました。 配列から配列を取る感じですね。良い参考になりました。

その他の回答 (1)

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

1)ドキュメント内のUL要素を洗い出す 2)それぞれについて指定クラスを持つか判別 3)該当する各UL内のLI要素数を調べる みたいな考え方でどうでしょうか?

rynak_jp
質問者

お礼

上記の回答と同じような感じでしょうか。 回答いただき、ありがとうございました。

関連するQ&A