Question

<div id="mydiv">
    <span>
        <a href="#"></a>
        <a href="#">A</a>
        <a href="#">B</a>
    </span>
    <span>
        <a href="#">C</a>
        <a href="#">D</a>
        <a href="#">E</a>
    </span>
    <span></span>
    <span></span>
</div>

我是否可以直接查找anchor tags中Div mydiv中有多少JQuery个{{1}} 感谢。

Answer 1

您可以使用length：

var anchorLength =  $('#mydiv a').length;

<强> Fiddle Demo

如果您只想在span内的第二个#myDiv内获得锚点总数，那么您可以使用 .eq() 或 {{ 3}} 选择器：

var anchorLength =  $('#mydiv span:eq(1) a').length;

<强> :eq()

Answer 2

您可以使用Descendant Selector (“ancestor descendant”)来获取div的后代。获得它们后，您可以使用length属性来计算。

<强> Live Demo

$('#mydiv a').length

描述：选择作为给定祖先后代的所有元素。

Answer 3

试试这个

$('#mydiv a').length // This return length of a 's in mydiv 
$('#mydiv span:eq(1) a').length // This return second span a 's length

DEMO

Answer 4

$('#top > :nth-child(2)').whatever();

或

$('#top').children(':first-child').next().whatever();

获得无序列表的第二个孩子：

  $('ul:first-child').next()

使用jQuery

使用JQuery查找html元素中的第二个子元素的数量

4 个答案: