如何从 jQuery.find() 结果创建 XMLDocument

Question

我使用 jQuery 的 $.ajax() 加载了两个 XML 文档，并将每个文档序列化为字符串，执行了一些字符串操作，将两个字符串组合在一起，将它们包装在一个节点中，使用 $.find() 定位子节点，现在想要将 $.find() 结果转换回 XMLDocument。

一个非常简短的示例：

$.isXMLDoc(xmlDocument1); // returns true
$.isXMLDoc(xmlDocument2); // returns true

var xml1Str = (new XMLSerializer()).serializeToString(xmlDocument1);
var xml2Str = (new XMLSerializer()).serializeToString(xmlDocument2);

var xml1And2Str = "<root>" + xml1Str + xml2Str + "</root>";
var xml1And2Doc = $.parseXML(xml1And2Str);
$.isXMLDoc(xml1And2Doc); // returns true

var $oneNode = $(xml1And2Doc).find("oneNodeName");

在 xml1And2Doc 内部的某处，有一个 xml 子元素，看起来像 ...。最后一条语句发现对我来说然后我可以成功使用它，然后我想将它转换成XMLDocument。如何将 $oneNode 转换为 XMLDocument？

有一些例子可以实现这一点，但我相信我在这里遗漏了一些关于 jQuery 或 find() 结果的基本知识，这使我无法将其转换为 XMLDocument。

参考文献：

• http://api.jquery.com/jQuery.parseXML/
• http://www.erichynds.com/jquery/working-with-xml-jquery-and-javascript/

Answer 1

这是一个解决方案。调用 $(xml1And2Doc).find("oneNodeName") 后，您需要获取 jQuery 返回的数组中的第一个元素。下面是一个片段：

var $oneNode = $(xml1And2Doc).find("oneNodeName")[0]; //finds and selects first object
var aString = (new XMLSerializer()).serializeToString($oneNode);

jQuery 默认返回 DOM 元素的集合参见。因此，使用 $oneNode[0] 访问第一个元素没问题，但如果可能有多个元素，您可以这样做：

var $oneNodes = $(xml1And2Doc).find("oneNodeName"); //finds set of objects
$.each($oneNodes, function (index) {
    var aString = (new XMLSerializer()).serializeToString($oneNodes[index]);
});

Answer 2

当您使用 .find() 找到 XML 节点时，您可以执行以下操作将其转换为 XML 文档：

var xmlString  = $('<div>').append($oneNode.clone()).remove().html(),
    oneNodeDoc = $.parseXML(xmlString);

因此，您首先将 jQuery 元素转换为字符串（HTML 字符串），然后应用 $.parseXML 到它。