[已解决]jQuery中的部分方法怎么用原生JS实现？

zyt646538983

学习Jquery的过程中 发现 JQ的方法可以很准确的选择到所有 子元素 中的 指定元素 ；
问题1：
代码中
$('ul>li') 可以准确获取到main 子元素中所有li子元素 而排除掉掺杂的div元素的干扰 ； 请问用原生JS应该怎么获取？


问题2：
代码中
$(this).children('ul') 可以获取到每个li下的ul元素 ； 元素不多的情况下 我使用 原生JS  children[1]的方式也可以做到 但是 若li下的子元素很多 就很不方便；请问这个用原生JS应该怎么获取？  

最佳答案

月排行榜 / 总排行榜

Darth_EF

2020-8-21 09:03:43

问题1：$('ul>li')==document.querySelectorAll('ul>li')；(querySelectorAll在ie9以下不兼容)。
问题2:要获取到每个li下的ul元素document.querySelectorAll('li>ul')；
这种问题能不能把浏览器版本报一下，要不要兼容旧版本的ie？

跳转到最佳答案楼层

象棋爱好者

白嫖鱼币

象棋爱好者

thank you！

Darth_EF

问题1：$('ul>li')==document.querySelectorAll('ul>li')；(querySelectorAll在ie9以下不兼容)。
问题2:要获取到每个li下的ul元素document.querySelectorAll('li>ul')；
这种问题能不能把浏览器版本报一下，要不要兼容旧版本的ie？

昨非

开心小傻猪

象棋爱好者

对三丶要不起

可以用querySelectorAll()  var lis = document.querySelectorAll('.main>li')  这样就获得了main下面的直接子代li了

对三丶要不起

鼠标经过a让ul显示 获取a就行了 var link = document.querySelector('.main>li>a')

chenyiyun

hlgy9918

来领个币，谢谢楼主

KentH

?

majian890324

朝起凉瑾年

白嫖鱼币