在Div标签中找到<input />的数量

时间:2009-07-28 09:20:55

标签: javascript html xhtml

我需要在<input>标记中找到<Div>个标记。 怎么可能..比如代码就像这样......

<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>

请帮忙

谢谢,
Praveen J

4 个答案:

答案 0 :(得分:13)

为什么总是jquery解决方案? 使用jquery没有任何问题,但包含一个JS库来计算一些元素是严重的过度杀伤。

原生javascript:

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

答案 1 :(得分:5)

如果你可以使用jQuery很简单:

$('#divId input').length;

否则@Jon Grant的答案就是你需要的答案

答案 2 :(得分:4)

查看getElementsByTagName方法。

答案 3 :(得分:1)

使用jQuery:

$("div input").length