子供の数を数えるにはどうすればよいですか？

リストがあります

<ul>
  <li>
  <li>
  <li>
  ...
</ul>

リスト内のアイテムの数をカウントするには、jQueryが必要です。

次の.lengthようにを使用できます。

var count = $("ul li").length;

.length見つかったセレクタと一致する数を通知します。これにより、所有している<li>under <ul>要素の数がカウントされます...サブ子がある場合は、"ul > li"代わりに使用して直接の子のみを取得します。<ul>ページに他の要素がある場合は、セレクターを変更してセレクターのみに一致させます"#myListID > li"。たとえば、使用するIDがある場合などです。

子のタイプがわからない他の状況では、次のように*（ワイルドカード）セレクターまたはを使用できます.children()。

var count = $(".parentSelector > *").length;

または：

var count = $(".parentSelector").children().length;

これにはjQueryは必要ありません。JavaScriptを使用できます.childNodes.length。

デフォルトのテキストノード（デフォルトでは空）を含めない場合は、必ず1を引いてください。したがって、以下を使用します。

var count = elem.childNodes.length - 1;

使用してみてください：

var count = $("ul > li").size();
alert(count);

これを使用して現在のセレクターを決定し、その子を見つけるためにこれが成立する<ol>場合は<li>どうなりますか？次に、セレクターの作成方法が機能し var count = $(this+"> li").length;ない場合があります。

jQueryを使用してこれを行うことができます。

このメソッドは、その子のリストを取得し、そのリストの長さを単純な数だけカウントします。

$("ul").find("*").length;

find（）メソッドは、DOMを子孫に沿って下向きに、最後の子孫まで下に移動します。

注： children（）メソッドは、DOMツリーを1レベル下に移動します。