找出元素</span>中<span>元素的数量

Question

我有一个<td>元素。我想找出其中<span>个元素的数量。 我觉得children().length应该这样做，但我应该使用什么样的选择器作为children()方法的参数？有没有其他方法使用jquery / javascript这样做？

一个可能的例子：

<td><span>*content*</span> &nbsp; <span>*content*</span> &nbsp;</td>

在这里，我的答案应该是2。

编辑：我在其中有一个特定的<td>元素，我正在搜索<span>。 所以，应该是这样，对：

$(td 'span').length

Answer 1

尝试此操作以获取span的直接子项td的计数：

$('td > span').length;

<强> DEMO

了解 $("parent > child") selector

根据你的编辑

如果td是包含特定<td>引用的变量，则为

var td = $('td.some');

然后你应该尝试

$('span', td).length;

要指出特定的td元素，我应该使用class的{​​{1}}或id，我认为。

Answer 2

Child Selector (“parent > child”) - 试试这会对你有用

请参阅.length。

alert($("td > span").length);

或

alert($('td').children('span').length );

Working Demo