Javascript 在给定id的div下查询具有给定类的节点
我需要查询具有给定类的所有Javascript 在给定id的div下查询具有给定类的节点,javascript,jquery,Javascript,Jquery,我需要查询具有给定类的所有ul,比如“dashboard list”,它位于具有给定id的div下,示例id=myPanel <div id="myPanel" class="todo"> <div> <ul class="dashboard-list"> <li> </ul> <ul class="dashboard-list">
ul
,比如“dashboard list”,它位于具有给定id的div
下,示例id=myPanel
<div id="myPanel" class="todo">
<div>
<ul class="dashboard-list">
<li>
</ul>
<ul class="dashboard-list">
<li>
</ul>
</div>
</div>
-
-
如何执行jQuery查询以获取每个ul
?jQuery:
$('#myPanel ul.dashboard-list')
纯JS:
document.querySelectorAll('#myPanel ul.dashboard-list')
试试这个
使用jQuery
$('#myPanel ul.dashboard-list');
没有jQuery
var parentDiv = document.getElementById('myPanel');
var allUl = parentDiv.getElementsByClassName('dashboard-list');
或
首先获取id为myPanel
”的div,然后使用myPanel
div下的类名dashboard list
获取ul
document.getElementById('myPanel').getElementsByClassName("dashboard-list");