Ermittlung der Anzahl der <input> in einem Div-Tag

Question

Ich muss die Zahl herausfinden <input> Tag innerhalb einer <Div> Tag. Wie ist es möglich.. Zum Beispiel wird der Code wie folgt sein..

<div><li ><a>Jayan</a><input type="checkbox" id="c21" onClick="fcheck(this);" ></li>
<li ><a href="#">Reshaba</a><input type="checkbox" id="c22" onClick="fcheck(this);" >
    <ul>
        <li ><a>crescent</a><input type="checkbox" id="c221" onClick="fcheck(this);" ></li>
        <li ><a>crescent</a><input type="checkbox" id="c222" onClick="fcheck(this);" ></li>
        <li ><a>crescent</a><input type="checkbox" id="c223" onClick="fcheck(this);" ></li>
        <li ><a>crescent</a><input type="checkbox" id="c224" onClick="fcheck(this);" ></li>
    </ul>
</li></div>

Bitte um Hilfe

Danke,
Praveen J

Answer 1

Warum immer die Jquery-Lösungen? Es ist nichts falsch mit der Verwendung von Jquery, aber einschließlich einer JS-Bibliothek, um einige Elemente zu zählen ist ernsthaft Overkill.

Native javascript:

var inputCount = document.getElementById('divId').getElementsByTagName('input').length;

Answer 2

Sehr einfach, wenn Sie jQuery verwenden können:

$('#divId input').length;

Ansonsten ist die Antwort von @Jon Grant genau das Richtige für Sie

Answer 3

Werfen Sie einen Blick auf die getElementsByTagName Methode.

Answer 4

Verwenden Sie jQuery:

$("div input").length