Javascript jQuery中的ASP风格转发器
我试图“循环”通过结果,比如下面的html是用javascript设置的。在Javascript中解析XML,但我无法解决如何一次循环使用多个变量。基本上,我一直把姓氏循环和循环放在一行中Javascript jQuery中的ASP风格转发器,javascript,jquery,cordova,Javascript,Jquery,Cordova,我试图“循环”通过结果,比如下面的html是用javascript设置的。在Javascript中解析XML,但我无法解决如何一次循环使用多个变量。基本上,我一直把姓氏循环和循环放在一行中 <div class="files-box"> <img class="replace-2x file-image" width="32" src="images/files/doc.png" alt="img"> <p class=
<div class="files-box">
<img class="replace-2x file-image" width="32" src="images/files/doc.png" alt="img">
<p class="file-title" id="list">[SURNAME]</p>
<a href="#" class="file-href file-open">[PHONE NUMBER]</a>
<a href="#" class="file-href">[CALLLINK]</a>
<div class="clear"></div>
</div>
</div>
这是我的Javascript
function onDeviceReady()
{
$.ajax({
type: 'GET',
url: 'Lookupbysurname.aspx?surname=beech',
dataType: 'xml',
success: function(xmlDoc) {
var $xml = $(xmlDoc);
$xml.find('Surname').each(function() {
$("#list").append($(this).text());
});
}
});
}
</script>
基本上,我试图循环使用xml结果姓氏、电话号码和callink,每次都用正确的结果替换[姓氏]etc变量来重新创建上面的html。它在phonegap应用程序中运行
编辑:下面是XML布局
<Results>
<Result>
<FirstName>Tom</FirstName>
<Surname>Bedh</Surname>
<Company>Company INC/Company>
<Job_Title>Test Title</Job_Title>
<callID>10582</callID>
<CompanyID>10001</CompanyID>
</Result>
</Results>
以下是当前布局中不断发生的事情
试试这样的。首先,您需要更改HTML结构:
<div id="container">
<div class="files-box">
<img class="replace-2x file-image" width="32" src="images/files/doc.png" alt="img">
<p class="file-title surname">[SURNAME]</p>
<a href="#" class="file-href file-open phone-number">[PHONE NUMBER]</a>
<a href="#" class="file-href call-link">[CALLLINK]</a>
<div class="clear"></div>
</div>
</div>
请发布一个示例XML文档。谢谢-但这与我的代码有相同的问题,它的结果只在一行中,我不知道如何用每个结果更新的答案复制整个html块。您应该能够通过一点尝试和错误来调整此版本以适应您的需要。非常感谢。我理解这个概念,但我似乎无法让它实际显示表中的任何文本。我在代码中的附加和您在代码中的文本之间有很大的区别吗?在本例中没有。您的主要问题是您没有复制HTML块,并且在该块中有无法复制的ID。
var $block = $('#container .files-box').remove();
$xml.find('Result').each(function() {
var $result = $(this),
$myblock = $block.clone();
$myblock.find(".surname").text($result.find('Surname').text());
$myblock.find(".phone-number").text($result.find('Phone').text());
$myblock.find(".call-link").text($result.find('callID').text());
$('#container').append($myblock);
});