如何在正文中制作标签以正确显示

时间:2013-09-30 07:37:05

标签: javascript jquery xml xml-parsing

xml = '<?xml version="1.0" encoding="utf-8"?><root><html><a href="#">the new link</a></html></root>';

这些变量是我的

 $(function(){
xml = '<?xml version="1.0" encoding="utf-8"?><root><html><a href="#">the new link</a></html></root>';
$xmls =$($.parseXML( xml ));

$('button').on('click',function(){
    console.log($xmls.find('html > *')[0]);
    $('body').append($xmls.find('html > *')[0]);
});
})

添加了标记不起作用

预标签将显示为A标签

http://jsfiddle.net/GgXEp/1/

2 个答案:

答案 0 :(得分:0)

经过1小时的处理和思考,我会为你找到一个解决方法:

首先,将jquery库更新为1.9.1(可能是1.10.1的问题,因为控制台在IE和Opera中给了我拒绝访问权限)然后让我们将找到的元素存储在jquery变量中:

$element = xmls.find('html > *').first();

然后让我们使用jquery:

创建一个锚点
$a = $("<a>").attr( "href", $element.attr("href") ).text( $element.text() );

之后,让我们在点击操作上添加按钮:

$('button').on('click', function () {
   $('body').append($a);
});

当然,证明:Jsfiddle

答案 1 :(得分:0)

DEMO

我修好了。它适用于每个浏览器。我花了一些时间,所以我希望它有效。 我还在xml文档中添加了另一个链接,使其可见,它只选择索引为0的元素:

$('button').on('click',function(){
    HTML = $($.parseHTML(xmls.find('root').text()));
    console.log(HTML[0]);
    $('body').append(HTML[0]);
});