问题标签 [sizzle]

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 回答
1074 浏览

jquery - 如何使 jQuery 的“过滤器”功能对 SVG 节点正常工作?

假设我有以下 SVG 和 jQuery:

filter 函数不适用于 SVG,可能是因为 jQuery 是为 DOM 操作而设计的,而不是命名空间的 SVG。

但是我怎样才能使 jQuery 的过滤器功能正确地接受 SVG?

0 投票
3 回答
689 浏览

javascript - jQuery .prev() 的类型,无论它是父级等

有没有一种简单的方法来获取 DOM 中元素的先前出现?如果我正在查看#text3并且我想获取先前的输入#text2

.prev('input')不起作用,因为它在父级内,并且.prevAll('input')似乎也只搜索父级......我在这里遗漏了什么吗?这感觉应该比$('#text3').parent().prev().find('input'):D容易得多

0 投票
3 回答
746 浏览

javascript - 用 Sizzle 替换 dojo.query?

与其他 JS 框架相比, Dojo 的选择器速度最慢。

我想知道是否可以在 Dojo 中使用 Sizzle 让 dojo.query 在幕后使用它?我认为它在 jQuery 中是这样使用的,所以在 Dojo 中也应该可以。

找不到有关如何执行此操作的任何信息。

PS 链接上的测试似乎正在积极开发并且每天都在变化,因此请确保您选择该页面上的最新版本。

编辑: 似乎测试中的数字不正确,Dojo 和其他人之间的差异并没有那么激进。这使得将 Sizzle 包含在 Dojo 中的任务不值得付出努力。

0 投票
1 回答
772 浏览

javascript - 使用完全限定 URL 在 Sizzle 中选择元素的方法

最近在编写脚本时,我发现了 Sizzle 如何属性一起使用href特殊细微差别。具体来说,在 上使用属性选择器href,Sizzle 将使用实际的属性值:

Sizzle 使用.getAttribute()代替elem.href(或更准确地说elem['href'],就像Sizzle 在大多数情况下所做的那样);elem.href将提供完全限定的 URL。

为了进一步理解这一点,我创建了一个小提琴来尝试不同形式的 URL在测试过程中,我发现了将 equal 设置href为自身的(明显的)“解决方案” :

毫不奇怪,它会更新元素以反映所this.href提供的完全限定 URL。我发现还有其他方法可以工作(任何更新href元素属性的方法),但它们只是将上述方法移植到其他形式,或涉及类似.filter()(demo)的内容:

我这么说的原因是,el.href = el.href在选择之前做在某种意义上是一种解决方法(我认为这不是一个很好的选择)。例如,对一组元素进行检查以查找是否有任何包含指向当前 URL(或另一个 URL)的匹配链接,如果可以的话,这样做会更简单:

有没有办法做到这一点,而不必诉诸“更新”属性,或编写额外的代码来管理检查?有没有一种我忽略的方法不涉及修改 Sizzle 的工作方式^

^ 注意:与仅添加:相比,修改实际源代码将是一个(坏)主意expression

http://jsfiddle.net/yt2RU/

(顺便说一句,在 Sizzle 中是否还有其他具有类似非典型行为的属性?)

0 投票
2 回答
1008 浏览

javascript - 拉斐尔和选择许多元素

我需要在页面上放置一些由 Raphaël 生成的微调器。但我只能创建一个微调器,因为 Raphaël 按 id 选择元素。例如,如何按类选择许多元素?我尝试使用 jQuery:

但它不起作用。

0 投票
2 回答
3739 浏览

javascript - 如何单独使用 sizzle.js

我从https://github.com/jquery/sizzle下载了 sizzle.js 我的代码是:

但是警告“[object]”,“undefined”,请告诉我我的代码有什么问题?

0 投票
1 回答
415 浏览

jquery - JQuery 1.7.1 似乎无法处理 HTML5 元素 ID

您可能知道,HTML5 允许在 ID 名称中使用更多字符- 请参阅HTML5 规范,该规范现在将空格作为唯一的无效字符。尝试将其与 JQuery 一起使用会显示 JQuery 会忽略 ID 中特定有效字符“/”之后的所有字符。

记录 'foo/bar' 元素

显示返回的错误元素:

这是同时使用当前稳定的 JQuery (1.7.1) 和当前的 JQuery 边缘。

这是一个 JQuery 错误,还是我做错了什么?

0 投票
0 回答
222 浏览

javascript - 是否使用 Sizzle 从 html 文档中获取唯一的搜索结果?

我是 JS 和 Sizzle 的新手,试图实现一个根据关键字生成链接的系统,如 Google AdSense 所做的。我已经搜索并决定为此使用 Sizzle CSS Selector。

我有一个 html 文档和一个关键字,我想搜索“所有不在链接(标签)中的关键字。

我的示例 HTML 部分

我使用 ":contains" 选择器在 JS 中搜索这个关键字,并使用文档正文作为搜索上下文。搜索结果后,我将用一些链接(关键字)替换元素。

它返回给我一个包含“div、p、strong”元素的数组。上下文中有 2 个 "keyword" ,它们都返回结果的父元素(此处不需要 div)。

有没有使用 Sizzle 来防止这个问题?

一个额外的问题:我搜索了 Sizzle 选择器,也搜索了 w3c 选择器。":not" 选择器用于获得负的给定选择器。如果不使用“parentElement”属性遍历 dom,我如何才能看到元素不在链接标签中(我的意思是使用嘶嘶声选择器,考虑到链接标签可以是元素的上父节点)。

谢谢。

0 投票
1 回答
488 浏览

jquery - Cufon + jQuery 在 IE 上搞砸了

我对此很陌生,我真的没有解决方案。现在我正在定制一个 Opencart 主题来满足我的需求。

这是网站: http: //lasarito.ro/lenjerie-de-pat

它在 Chrome 和 FF 上运行完美,但 IE 却搞砸了一切。在我的研究中,我了解到嵌入在 jQuery 中的 sizzle 库不是 Cufon 的朋友,所以我想这就是为什么 IE 会抛出一堆 javascript 错误并弄乱渲染。

另一个我无法解决的问题是为什么当我使用 firebug 显示 HTML 时,一切都搞砸了,css 和 js 包含在正文部分而不是头部,因为它们出现在源代码中。

有任何想法吗?谢谢

0 投票
2 回答
876 浏览

javascript - jQuery/Sizzle 仅选择文本节点(或者,如何将 XPath 表达式转换为 Sizzle)

我有以下 XPath 表达式来获取textNodes元素中的所有内容。

它可以在 Chrome 和 Firefox 上完美运行,但 IE。

由于 Sizzle 是浏览器证明的,我想知道,有没有办法只使用 Sizzle/jQuery 选择 textNodes?众所周知,IE是个大问题,IE9也没有XPath(10th呢?)。

或者,换句话说,我如何将我的 XPath 表达式转换为 Sizzle?