[英]Get first level li from ul
I thought this must be easy but couldn't find a way to get the first level <li>
elements. 我认为这一定很容易,但找不到获得第一级
<li>
元素的方法。 I've tried like so: 我试过这样:
var elements = document.querySelectorAll('ul > li'); console.log(elements);
<ul> <li>A</li> <li>B</li> <li> C <ul> <li>C1</li> <li>C2</li> <li>C3</li> </ul> </li> <li>D</li> <li>E</li> </ul>
But that gives me all <li>
elements including C1, C2
etc. 但这给了我所有
<li>
元素,包括C1, C2
等。
I would like to get only the elements 我想只获得元素
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
How to achieve that with vanilla javascript? 如何使用vanilla javascript实现这一目标? Please no jQuery
请不要jQuery
给外部<ul>
一个标识符(或类)并使用ul#myId > li
(或ul.myId > li
)选择它们或者只是指明你不是指任何其他方式的内部ul,例如body > ul > li
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.