问题标签 [selectors-api]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
62 浏览

javascript - 如何根据 JavaScript 中哪个 nodeList 不为空来设置变量?

我想知道是否有更好的方法来做到这一点:

我正在尝试设置target为或者"[data-update]"div.ui-content元素中找到。

最初我想做这样的事情:

但这不起作用,因为第一个表达式总是会被定义,即使它是一个空的 nodeList []

所以现在我有了这个,它有效,但我对它不满意:

问题
有没有更简单的方法来做到这一点?仅限纯 JavaScript。

谢谢!

0 投票
1 回答
3741 浏览

javascript - 特定元素后的 querySelector

有没有办法使用 CSS 选择器选择出现在给定元素之后的元素。

假设我有一个像这样的 DOM

我想选择spanclass 的 s,next但只选择出现在span.next.target. 使这变得棘手的是它们不必是兄弟姐妹或在同一个父节点下,而是可以出现在 DOM 中的任何位置。

这甚至可能吗,还是我注定要坚持使用 for 循环?

0 投票
2 回答
413 浏览

javascript - CSS3 选择器 [*|type="toc"]

我正在使用 EPUB.JS,它使用以下代码从 ePub 文件中获取一些信息:

这行代码在 IE10 中失败,因为 querySelector 返回 null。我以前从未见过格式中的属性选择器[*|attr="val"],但我认为他们想说的是,“选择所有具有任何属性或名为 'type' 且值为 'toc' 的属性的导航元素。”

我找不到有关此星形管道语法的任何信息,但我认为它是某种逻辑 OR 命令,适用于 Webkit/Mozilla 但不适用于 IE。

将该行更改为:

有效,但我仍然想完全理解为什么当我觉得它没有意义时他们可能会选择其他语法,以防万一它有一个可能导致其他地方错误的实际目的。

对此有什么解释*|...吗?甚至有必要吗?

0 投票
2 回答
2763 浏览

javascript - querySelectorAll() 从另一个页面到 html

早上好,我正在通过 AJAX 获取另一个页面的 html:

如何将 querySelectorAll() 应用于另一个页面的 html 内容?

0 投票
2 回答
2044 浏览

javascript - 模态上的多个“关闭”按钮

我正在使用在 Codrops 上找到的模态。

这些模式有一个关闭按钮(当您在模式外单击时也会关闭),但我想添加更多。JavaScript 如下:

我想只是简单地交换:

有了这个:

会做到这一点 - 并且每个具有md-close类的元素都会关闭模式。我错了(如果你不知道,我是 JavaScript 新手)。

提前感谢您对此的任何帮助!

更新代码:

0 投票
2 回答
880 浏览

javascript - querySelectorAll:查找子元素,直到遇到某个阈值元素

有没有办法将:($("#first").find("input").not("td td input") http://jsfiddle.net/4K9TG/ ...转换为 querySelectorAll 选择器?

(从jQuery 继续:find() children 直到遇到某个阈值元素

0 投票
2 回答
16214 浏览

javascript - 使用 querySelectorAll 选择多个元素

我有这段代码:

如果我想将textareaand添加select到查询中,我将得到以下结果:

我的感觉说这可能会更好..但是如何?

奖励:请给我一个很好的 querySelectorAll 函数资源。

0 投票
1 回答
165 浏览

xml - 将选择器 API 与 XML 文档一起使用

简短的问题:选择器 API 是否适合处理 XML 文档?

更长的问题是“我为什么要问”......
我正在制作一些旧代码,这些旧代码利用客户端生成的 XML 和 XPath 变成跨浏览器的东西,在更高版本的 IE(10 +) 以及低至 IE7(以及 Chrome、Firefox 等...)

现在关于 IE 中的 XPath 支持存在各种 问题,而且它似乎不再受到关注(不evaluate(),不SelectNodes())。据称某些类已被列入白名单,但一些测试似乎暗示在 IE10 中启用 ActiveX 过滤时这是不可靠的。

我玩过 wicked-good-xpath,但遇到了一些 XPath 形式的问题。此外,如果 IE 再也不会支持 XPath,我宁愿不要永远依赖外部库,而是寻找下一个“最好”的东西来使用。

有人指出,选择器 API 现在是推荐的选择。不过我遇到的问题是它主要似乎是一个 HTML 选择 API(主要是因为它是从 CSS 发展而来的,因此它具有类和 ID 属性的特殊情况——可能还有其他 HTML 主义我还没有见过)。

因此,选择器 API 是否适合处理 XML 文档?鉴于在 IE 中缺乏支持,答案可能是“是”,但我看不到任何给出明确建议(或反建议)的权威。

0 投票
2 回答
471 浏览

console - Firefox 开发者工具:高亮显示通过控制台中的查询选择器找到的元素。'检查元素'

如果我打开 Firefox Web Develop Web Console 并引用如下查询选择器:

我想以与右键单击元素并选择“检查元素”相同的样式突出显示返回的选择器

0 投票
4 回答
6522 浏览

javascript - 是否可以在元素数组上使用 querySelectorAll ?

假设我有一个基于任何DOM 元素的数组 selector

我不知道 中包含什么elems,但让我们假设elems.length > 0

我想使用 querySelectorAll (或一些等效函数)elems来查找与附加选择器匹配的所有元素。

这不起作用(出于明显的原因),但我不确定如何做到这一点:(


这是我创建的包装器,用于处理@Tibos 接受的答案