javascript 上的导航菜单。 DOM答案

【问题标题】：Navigation menu on javascript. DOMjavascript 上的导航菜单。 DOM
【发布时间】：2012-09-18 13:08:38
【问题描述】：

我有问题，我怎么知道是否包含<li> children <ul>？谢谢大家！

【问题讨论】：

【解决方案1】：

如果你想检查一个<ul>元素是否包含任何<li>元素，你只需要使用一个选择器 -

var elements = $('ul#selector').find('li');
if (elements.length){
  // the <ul> has child <li> elements
}else{
  // no <li> elements found
}

这当然可以写成一个条件语句——

var childElements =  $('ul#selector > li').length;

【讨论】：

【解决方案2】：

尝试以下方法：

document.querySelectorAll("li > ul").length

或在querySelector 中查看null

if (!document.querySelector("li > ul"))

【讨论】：

querySelector 和 querySelectorAll 是什么意思？你指的是默认的$ jQuery 标识符吗？
@Lix querySelector 是一种从 dom 获取元素的原生 JavaScript 方法。基本上document.querySelectorAll(li > ul) （几乎）等同于$('ul > li')
Oh..wow.. ok then :P 我想这就是人们直接跳入 jQuery 而没有先进入 JS 时会发生的情况 :)
@Lix 好吧，我建议你这样做，这对理解 jQuery 有很大帮助；）