的 Jquery 选择器中的元素

发布于 2024-11-16 11:30:24 字数 444 浏览 1 评论 0原文

我们使用 jQuery 来解析一些 HTML。然后我需要遍历该文档并找到一些元素。在我需要查找的元素中，有元素。

$(string).find("a")

但这对于提取元素不起作用：

$(string).find("link")

string 参数是 html 内容（例如在请求中收到的）。

知道为什么吗？（我猜 find 仅适用于元素）。另外，关于如何实际提取这些元素有什么想法吗？

原文

We use jQuery to parse some HTML. I then need to traverse that document and find some elements. Among the elements I need to find, there are the <link> elements.

This works perfectly well to extract all the <a> elements:

$(string).find("a")

but this doesn't work to extract the <link> elements :

$(string).find("link")

The string parameter is the html content (e.g. received on a request).

Any idea why? (I guess that the find only applies to the <body> elements). Also, any idea on how to actually extract these <link> elements?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

沒落の蓅哖 2024-11-23 11:30:24

来自您用于 $(string)文档 code> （这是函数 jQuery( html, [ownerDocument] )）：

当传入复杂的HTML时，有些
浏览器可能不会生成这样的 DOM
完全复制 HTML 源代码
假如。如前所述，我们使用
要解析的浏览器的 .innerHTML 属性
传递的 HTML 并将其插入到
当前文件。在这个过程中，
有些浏览器会过滤掉某些
元素，例如、</code> 或 <code><head></code> 元素。 因此， 插入的元素可能不是 代表原字符串 通过了。 

尽量不要使用 jQuery 操作整个 HTML 文档。

请特别注意，独立 HTML 片段中的 link 节点可以“找到”很好。

回复收藏 0 原文

灯角 2024-11-23 11:30:24

嗯，根据我在中找到的内容jQuery 的源代码，引擎本身不会创建未“正确定位”的标签（或片段）。即使传递一个字符串，jQuery 也会识别出已经提供了 header，并且不会生成它。

~~毕竟，当 jQuery 传递一个 HTML 字符串时，它实际上是在调用 document.createElement< /code> 并创建这些元素的数组列表。~~

编辑：经过更多调查后，看起来实际上是浏览器限制了元素创建，而不是 jQuery。不管怎样，你都会留下缺失的标签。这让我得出下面同样的结论。

尽管我不喜欢它，但可能是时候进行正则表达式/字符串操作了。

回复收藏 0 原文

莳間冲淡了誓言ζ 2024-11-23 11:30:24

jQuery 无法做到这一点，但您的浏览器可以：（不要像某些人建议的那样尝试使用正则表达式解析 HTML。）

txt = '<DIV><LINK>a</LINK><B>jelo</B></DIV>';

if(window.DOMParser) {
  parser=new DOMParser();
  xmlDoc=parser.parseFromString(txt,"text/xml");
} else { // Internet Explorer
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async="false";
  xmlDoc.loadXML(txt);
}

xmlDoc.getElementsByTagName('LINK');

请注意，XML 区分大小写，因此您需要使用与其相同的大小写来搜索“LINK”在 HTML 中。

jQuery can't do it, but your browser can: (Do not try to parse HTML with a regex as someome suggested.)

txt = '<DIV><LINK>a</LINK><B>jelo</B></DIV>';

if(window.DOMParser) {
  parser=new DOMParser();
  xmlDoc=parser.parseFromString(txt,"text/xml");
} else { // Internet Explorer
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async="false";
  xmlDoc.loadXML(txt);
}

xmlDoc.getElementsByTagName('LINK');

Be aware that XML is case sensitive, so you need to search for 'LINK' using the same case as it is in the HTML.

回复收藏 0 原文

毁虫ゝ 2024-11-23 11:30:24

就像@pimvdb指出的那样，这不起作用：

alert($("<div><link>Test</link></div>").find("link").text());

解释是正确的：

Sizzle 使用 context.getElementsByTagName，但由于元素不在 DOM 中而失败。

但这种方式有效：

alert(("link", $("<div><link>Test</link></div>")).text());

对于一些说第二种方法不起作用的人： http://jsfiddle.net/埃里克彼得鲁/5Qs3M/。但当然它显然找不到不在 DOM 上的元素（即在 head 上）。

Like @pimvdb pointed, this don't work:

alert($("<div><link>Test</link></div>").find("link").text());

The explanation is right:

Sizzle uses context.getElementsByTagName, which fails because the elements are not in the DOM.

But this way work:

alert(("link", $("<div><link>Test</link></div>")).text());

And for some guys that said the second isn't working: http://jsfiddle.net/ErickPetru/5Qs3M/. But of course it obviously don't find elements that aren't on the DOM (i.e. on the head).

回复收藏 0 原文

~没有更多了~