所以我有一个如下所示的函数:
function myFunc(targetElements, otherThings... ){
let elements = document.querySelectorAll(targetElements);
//...
//otherThings...
}
Run Code Online (Sandbox Code Playgroud)
但有时,我不需要在整个文档的元素中执行该函数,而是需要此函数仅访问函数外部已有的特定元素内的元素,如下所示:
let ul = document.querySelector('#mySpecificUl');
//should use myFunc(childsOfUl, otherThings... ) to perform in the elements "a" inside "ul"
Run Code Online (Sandbox Code Playgroud)
我想知道是否可以做到这一点而无需更改我已有的功能,可能如下所示:
let ul = document.querySelector('#mySpecificUl');
myFunc(ul > "a", otherThings...); //like this or something
Run Code Online (Sandbox Code Playgroud)
更清楚地说,我想知道的是是否可以限制 document.querySelectorAll ()的范围,使其仅在元素的特定子元素中执行,其工作原理如下:
ul.querySelectorAll()
Run Code Online (Sandbox Code Playgroud)
但与
document.querySelectorAll()
Run Code Online (Sandbox Code Playgroud)
它可能看起来像document.querySelectorAll(ul > "a"); 或者其他的东西。
感谢任何花时间的人。
如果我有一组嵌套的DOM元素,例如ul > li > ul > li我自己使用选择器li,那么做Sizzle还是document.querySelectorAll定义元素返回的顺序?
可能返回的订单包括"最顶层的第一个","叶节点优先",或者只是"按文档顺序",但我从未见过任何记下来指定哪个.
快速提问:假设您有 2 种不同类型的<button>,
第一个看起来像这样: <button class="test">
第二个看起来像这样: <button class="test" disabled="disabled">。
现在,如何在不选择按钮的情况下实现选择禁用activated按钮?因为如果你按课去,querySelector会得到他们两个。有没有办法在由 做出的选择中实现某种逻辑querySelector?
可能是这样的 -> "select button with class 'test' AND NOT attribute 'disabled'"?
提前致谢。
我需要了解它是如何工作的,所以我可以编写正确的东西.
<div class="element">
<div class="content">
<contents>
<div class="element">
<contents>
<div class="thisClass"></div>
</div>
</div>
<div class="thisClass"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
我有一个包含具有相似结构和类的子元素的元素.如果我做
var element = document.querySelector('.element'); // this returns the parent
element.querySelector('.thisClass') // ok I got it so far
Run Code Online (Sandbox Code Playgroud)
编辑:我想确保始终从父级获取元素('.thisClass'),无论父级子元素的顺序是什么,并使用最好的脚本.
我非常厌倦像工作狂一样工作,我是原生JS的新手,我希望这很清楚.