找出 <td> 元素内的<span>元素的数量

Finding out number of <span> elements inside <td> element

本文关键字：元素 span 找出 td 更新时间：2023-09-26

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

一个可能的例子：

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

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

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

$(td 'span').length

尝试这样做来获取 span 的计数，td 的直系子级：

$('td > span').length;

演示

阅读有关 $（"父>子"）选择器的信息

根据您的编辑

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

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

那么你应该尝试

$('span', td).length;

要指出一个特定的td元素，你应该使用class或id td，我认为。

子选择器（"父>子"） - 试试这个会适合你

请参阅.length 。

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

或

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