标签: selectors-api

是否可以使用 document.querySelectorAll() 仅获取特定元素内的元素?

所以我有一个如下所示的函数:

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"); 或者其他的东西。

感谢任何花时间的人。

javascript selectors-api

0
推荐指数
1
解决办法
1490
查看次数

Sizzle和/或querySelectorAll - 嵌套元素的枚举顺序?

如果我有一组嵌套的DOM元素,例如ul > li > ul > li我自己使用选择器li,那么做Sizzle还是document.querySelectorAll定义元素返回的顺序?

可能返回的订单包括"最顶层的第一个","叶节点优先",或者只是"按文档顺序",但我从未见过任何记下来指定哪个.

jquery dom jquery-selectors sizzle selectors-api

-1
推荐指数
1
解决办法
523
查看次数

javascript - 如何在querySelector中实现`not`?

快速提问:假设您有 2 种不同类型的<button>
第一个看起来像这样: <button class="test">
第二个看起来像这样: <button class="test" disabled="disabled">

现在,如何在不选择按钮的情况下实现选择禁用activated按钮?因为如果你按课去,querySelector会得到他们两个。有没有办法在由 做出的选择中实现某种逻辑querySelector

可能是这样的 -> "select button with class 'test' AND NOT attribute 'disabled'"

提前致谢。

html javascript dom selectors-api

-1
推荐指数
1
解决办法
1639
查看次数

嵌套项中的querySelector/getElementByClassName顺序

我需要了解它是如何工作的,所以我可以编写正确的东西.

<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的新手,我希望这很清楚.

javascript dom css-selectors selectors-api

-4
推荐指数
1
解决办法
1820
查看次数