如何显示 XML 元素，并用 jQuery 解析它？答案

【问题标题】：How do I display an XML element, parsing it with jQuery?如何显示 XML 元素，并用 jQuery 解析它？
【发布时间】：2013-09-05 13:46:43
【问题描述】：

我有一个小提琴： http://jsfiddle.net/j8Y76/

当你点击处理日志时，它应该显示“to”的内容标签。（在控制台上）。

$('#doProcessLog').click(function(){
    var XMLstring = $.parseXML($.trim($('#log-a').val()));
    var out = $(XMLstring).find('note to').each(function(i, data){
        console.log(data);
    });
});

然而，它显示带有标签的整个元素，但是如果我尝试将其作为文本输出到警报框或 div 元素，它会以“对象”的形式返回

【问题讨论】：

标签： jquery xml-parsing

【解决方案1】：

试试

console.log($(data).text());

演示：Fiddle

如果您只希望有一个 to 节点，那么

$(document).ready(function () {
    $('#doProcessLog').click(function () {
        var XMLstring = $.parseXML($.trim($('#log-a').val()));
        var out = $(XMLstring).find('note to').text();
        console.log('out:', out)
    });
});

演示：Fiddle

【讨论】：

【解决方案2】：

你只需要像这样添加.textContent

$(document).ready(function(){
    $('#doProcessLog').click(function(){
        var XMLstring = $.parseXML($.trim($('#log-a').val()));
        var out = $(XMLstring).find('note to').each(function(i, data){
            console.log(data.textContent);
        });
    }); 
});

希望对您有所帮助！

【讨论】：

【解决方案3】：

那是因为你的 sn-p 中的数据确实是一个对象。如果您需要将其附加到某个 div，请尝试 $("#div").append(data) 或者，如果您需要在警报框中显示标签，请尝试 alert(data.outerHTML)

【讨论】：