我正在使用jQuery获取XML数据并将其包含在HTML文件中,而且我仍然有点试图操纵格式。
请允许我提供一些有关我正在做的事情的更多数据:
我有一些jQuery来获取外部XML:
<script type="text/javascript">
<!--
jQuery.fn.xml=function(a){
var b="";
if(this.length)(typeof a!="undefined"&&a?this:jQuery(this[0]).contents()).each(function(){
b+=window.ActiveXObject?this.xml:(new XMLSerializer).serializeToString(this)});
return b
}
$(document).ready(function(){
$('div.cnetxml').each(function(index) {
var var_url = $(this).attr('data');
var var_digcontent_name = $(this).attr('id');
var obj_divcnetxml = $(this);
$.getJSON("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22"+encodeURIComponent(var_url)+"%22&format=xml'&callback=?",function(data){
if(data.results[0]){
var data = data.results[0];
obj_divcnetxml.html($( $.parseXML( data ) ).find( "ul" ).xml());
};
obj_divcnetxml.removeClass('hide');
}
}
);
});
});
-->
</script>
<div class="cnetxml hide" data="http://cdn.cnetcontent.com/30/7f/307f280c-15f2-4e3e-9391-4e09c9ecc450.xml" id="cnet_DigitalContentProductDescription"> </div>
结果格式与此类似,没有unorder list wrapped标签:
<li>Item 01 Header</li>
<li>Item 01 Description</li>
<li>Item 02 Header</li>
<li>Item 02 Description</li>
<li>Item 03 Header</li>
<li>Item 03 Description</li>
…and so on
列表项出现在标题/描述对中,我想按以下格式组合这些对:
<li><strong>Item 01 Header</strong><br />
Item 01 Description</li>
<li><strong>Item 02 Header</strong><br />
Item 02 Description</li>
<li><strong>Item 03 Header</strong><br />
Item 03 Description</li>
另外,我需要将列表包装在适当的<ul>
标记中。
任何聪明的jQuery人都可以花一点时间来帮忙。我会举手,我对这些东西不太好。
答案 0 :(得分:3)
这是完整的代码。
<script type="text/javascript">
<!--
jQuery.fn.xml=function(a){
var b="";
if(this.length)(typeof a!="undefined"&&a?this:jQuery(this[0]).contents()).each(function(){
b+=window.ActiveXObject?this.xml:(new XMLSerializer).serializeToString(this)});
return b
}
$(document).ready(function(){
$('div.cnetxml').each(function(index) {
var var_url = $(this).attr('data');
var var_digcontent_name = $(this).attr('id');
var obj_divcnetxml = $(this);
$.getJSON("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22"
+encodeURIComponent(var_url)+"%22&format=xml'&callback=?",function(data){
if(data.results[0]){
var data = data.results[0];
obj_divcnetxml.html($( $.parseXML( data ) ).find( "ul" ).xml());
};
obj_divcnetxml.removeClass('hide');
$("div#cnet_DigitalContentProductDescription li").each(function() {
$(this).html("<strong>" + $(this).html() + "</strong><br />" + $(this).next("li").html());
$(this).next("li").remove();
})
})
})
});
-->
</script>
<div class="cnetxml hide" data="http://cdn.cnetcontent.com/30/7f/307f280c-15f2-4e3e-9391-4e09c9ecc450.xml" id="cnet_DigitalContentProductDescription"> </div>
答案 1 :(得分:0)
$(function(){
$('ul li:nth-child(odd)').contents().filter(function() { return this.nodeType == 3; }).after('<br/>');
$('ul li:nth-child(odd)').contents().filter(function() {
return this.nodeType == 3;
}).wrap('<strong></strong>')
$('ul li:nth-child(odd)').each(function(){
$(this).append($(this).next().text())
})
$('ul li:nth-child(even)').remove()
})