使用jqueryajax将内容追加到div id
我使用jqueryajax获取存储在xml文件中的名称,并将其附加到divid中,但存在一些问题使用jqueryajax将内容追加到div id,jquery,xml,ajax,append,Jquery,Xml,Ajax,Append,我使用jqueryajax获取存储在xml文件中的名称,并将其附加到divid中,但存在一些问题 $(function(){ $.ajax({type: "GET", url: "names.xml", dataType: "xml", cache: false, success: function(xml){ $(xml).find('name').each(function(){
$(function(){
$.ajax({type: "GET",
url: "names.xml",
dataType: "xml",
cache: false,
success: function(xml){
$(xml).find('name').each(function(){
$(this).text().append('#names');
});
}});
}))
我的xml文件的格式如下
<?xml version="1.0"?>
<item>
<name>Paul</name>
<name>John</name>
<name>Sam</name>
<name>Mitch</name>
etc.
</item>
保罗
约翰
山姆
米奇
等
并且需要附加到div id name之后
<div id="names">
Paul
John
Sam
Mitch
</div>
保罗
约翰
山姆
米奇
帮助尝试以下操作:
$(function()
{
var $names = $('#names');
$.ajax(
{
type: "GET",
url: "names.xml",
dataType: "xml",
cache: false,
success: function(xml)
{
var combinedText = $(xml).find('name').map(function()
{
return ' ' + $(this).text();
}).get().join('');
$names.text($names.text() + combinedText);
}});
});
(非ajax)演示:您使用的
append
方法错误-要追加的元素需要放在第一位:
$(xml).find('name').each(function() {
$("#name").append($(this).text());
});
这里有一个问题。xml文件中的名称没有附加到div id名称中,我不知道为什么会有很大的帮助。更改append、to、appendToMany谢谢,我对jQuery相当陌生,但随着我的学习!为了扭转我使用prepend的顺序!给你:(或者像你刚才说的那样使用
prepend
!真不敢相信我没有想到这一点……干得好!)