Question

我可以在jQuery中获取属于div的childs（span）列表吗？我的意思是孩子的数量。我正在生成一个带有几个跨度的表单，我需要知道我生成了多少个跨度。

Answer 1

您可以使用child selector和length属性：

var numberOfSpans = $("#someId > span").length;

或者，如果您想使用this，则可以使用children方法：

var numberOfSpans = $(this).children("span").length;

请注意，上面的两个片段都会为您提供直接子span个元素的数量。他们不会计算更多的后代。如果您想这样做，可以删除>字符，或使用find代替children。

Answer 2

你可以这样做：

$('#div-id span').size();

http://api.jquery.com/size/

Answer 3

这为您提供了跨度数

var count = $("div").find("span").size();

这使您可以将子项作为新的jQuery对象进行循环遍历

var list = []; 
list = $("div").children();

Answer 4

<div id="div1">
    <span>s</span>
    <span>s</span>
    <span>s</span>
    <span>s</span>
 </div>

$(function(){
  alert($("#div1 >span").size()) 
});

示例程序：http://jsfiddle.net/Bhrk2/

使用jQuery的CSS子选择器

4 个答案: