Fatal编程技术网
  • javascript/
  • Javascript Jquery子选择器与..每个

Javascript Jquery子选择器与..每个

javascript jquery

Javascript Jquery子选择器与..每个,javascript,jquery,css-selectors,Javascript,Jquery,Css Selectors,给出以下示例表： <ul class="topnav"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> 及 编辑： $selector2=$（'ul.topnav li'）。每个（） 第一个将包含所有li，它们是ul.topnav的直接子元素，第二个将包含所有ul.topnav元素。第二个将单独评估它们，而第一个将

给出以下示例表：

<ul class="topnav">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>
及

编辑：

$selector2=$（'ul.topnav li'）。每个（）

第一个将包含所有
li
，它们是
ul.topnav
的直接子元素，第二个将包含所有
ul.topnav
元素。

第二个将单独评估它们，而第一个将作为一个组评估它们（'ul.topnav>li'）将直接在
ul
下选择所有
    • s

    每个
    都应将一个函数作为参数，并迭代所有匹配的
    -它不接受子项。如果有的话，您需要
    $（'ul.topnav'）.children（）
    ，如果
    ul
    只包含
    li
    元素，则这是相同的

    例如，这将
    alert
    每个列表的子项数量（在您的情况下，仅数字
    3
    ）

    另请参见。

    $selector2=$（'ul.topnav'）。each（）
    如果你有很多
    ul.topnav
    ，你只需单独引用它们。使用
    $selector1=$（'ul.topnav>li'）访问.topnav的所有子项的DOM。差别很大。

    $selector1 = $('ul.topnav > li');

    

    $selector2 = $('ul.topnav').each();

    

    $selector2 = $('ul.topnav').each(function(){
   alert($(this).children().length);
});