Javascript 在UL中获取父级LI的大小?

Javascript 在UL中获取父级LI的大小?,javascript,jquery,html,Javascript,Jquery,Html,如何修改下面的代码,以便在第一个ul内仅获取父li,然后使用另一个变量获取给定子ul的子li $(函数(){ var vULSize=$(“ul li”).size(); 控制台日志(vULSize); }); 首先 第二 第二副1 第二副2 第三 第三 第三分之一 第三小组2 首先,您需要将其全部包装在某种东西中,例如,使用id容器的div。然后你可以这样做: var vULSize = $("#container > ul > li").length; 只给您

如何修改下面的代码,以便在第一个
ul
内仅获取父
li
,然后使用另一个变量获取给定子
ul
的子
li

$(函数(){
var vULSize=$(“ul li”).size();
控制台日志(vULSize);
});

  • 首先
  • 第二
    • 第二副1
    • 第二副2
  • 第三
  • 第三
    • 第三分之一
    • 第三小组2

首先,您需要将其全部包装在某种东西中,例如,使用id
容器的div
。然后你可以这样做:

var vULSize = $("#container > ul > li").length;
只给您直系后代

如果要将列表元素的数量向下计数一级,这将为您提供一个包含以下结果的数组:

var counts = $("#container > ul > li").map(function() {
    return $(this).find("li").length                                       
}).get();

正如注释中指出的,您应该使用而不是
.size()

首先,您需要将其全部封装在某个东西中,例如id为
容器的div
。然后你可以这样做:

var vULSize = $("#container > ul > li").length;
只给您直系后代

如果要将列表元素的数量向下计数一级,这将为您提供一个包含以下结果的数组:

var counts = $("#container > ul > li").map(function() {
    return $(this).find("li").length                                       
}).get();

正如注释中指出的,您应该使用而不是
.size()

您可以忽略所有
li
的后代

$(函数(){
var vULSize=$(“ul li:not(li)”).size();
log(vULSize);
});

  • 首先
  • 第二
    • 第二副1
    • 第二副2
  • 第三
  • 第三
    • 第三分之一
    • 第三小组2

您可以忽略所有
li
,这些li是类似
li的后代

$(函数(){
var vULSize=$(“ul li:not(li)”).size();
log(vULSize);
});

  • 首先
  • 第二
    • 第二副1
    • 第二副2
  • 第三
  • 第三
    • 第三分之一
    • 第三小组2

或者OP可以简单地给外部
一个类或id,以将其与嵌套的
元素区分开来。
.size()
方法从jQuery 1.8开始就不推荐使用。改为使用
.length
属性。或者OP可以简单地给外部
    一个类或id,以将其与嵌套的
      元素区分开来。
      .size()
      方法从jQuery 1.8开始就不推荐使用。改用
      .length
      属性。我不确定我是否理解你问题的第二部分。“然后用另一个变量得到给定子UL的子LI”是什么?你想数一数吗?您要按
      li
      计数还是总计计数?您能为您提供的示例提供正确的输出吗?您需要使选择器更适合UL。我不确定我是否理解你问题的第二部分。“然后用另一个变量得到给定子UL的子LI”是什么?你想数一数吗?您要按
      li
      计数还是总计计数?您能为您提供的示例提供正确的输出吗?您需要使选择器更适合UL。然后您可以使用子选择器。