javascript - 为什么在使用 jQuery replaceWith() 时标记 会导致 'undefined'？

Question

我正在使用 jQuery 来编辑 XML。是的，我知道这可能是个坏主意。

在使用 xml 标签 <constructor> 时，我遇到了一些非常奇怪的行为(错误？) .用此标记替换现有 XML 会导致标记被“未定义”包围。

$(document).ready(function(){
    var my_xml = $.parseXML("<document><old>original xml</old></document>");
    var new_xml_string = '<constructor>Foobar</constructor>';
    var old_node = $(my_xml).find('old');
    old_node.replaceWith(new_xml_string);
    var my_xml_string = (new XMLSerializer()).serializeToString(my_xml);
    console.log(my_xml_string);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

此代码适用于我尝试的任何其他标签。到目前为止只有<constructor>好像有这个问题。

知道发生了什么事吗？这是因为 jQuery 是用来处理 HTML 而不是 XML 的吗？我可以使用任何解决方法吗？

Answer 1

您的问题显示为将 xml 对象 替换为 xml 字符串。您应该将 xml object 替换为 xml object。

$(document).ready(function(){
    var my_xml = $.parseXML("<document><old>original xml</old></document>");
    var new_xml= $.parseXML("<document><constructor>Foo</constructor></document>");
    var new_xml_const = $(new_xml).find('constructor');
    var old_node = $(my_xml).find('old');
    old_node.replaceWith(new_xml_const);
    var my_xml_string = (new XMLSerializer()).serializeToString(my_xml);
    console.log(my_xml_string);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>