Jquery解析XML-交替行颜色
如何向以下内容添加代码以替换行颜色Jquery解析XML-交替行颜色,jquery,xml,colors,row,alternating,Jquery,Xml,Colors,Row,Alternating,如何向以下内容添加代码以替换行颜色 parsedata = function(xml){ var str = ""; var cart = xml.documentElement.firstChild; if(cart.childNodes.length > 0 ){ str = str + '<table border="0" wi
parsedata = function(xml){
var str = "";
var cart = xml.documentElement.firstChild;
if(cart.childNodes.length > 0 ){
str = str + '<table border="0" width="100%" cellspacing="0" cellpadding="5">';
str = str + ' <tr><td class="animBoxCartLink" colspan="2"><a href="' + globals.cart_link + '">' + globals.cart_text + '</a></td></tr>
for (var i = 0; i < cart.childNodes.length; i++){
try{name = cart.getElementsByTagName("NAME")[i].childNodes[0].nodeValue;}catch(e){name = "Item";}
try{attributes = cart.getElementsByTagName("ATTRIBUTES")[i].childNodes[0].nodeValue;}catch(e){attributes = "";}
try{llink = cart.getElementsByTagName("LINK")[i].childNodes[0].nodeValue;}catch(e){llink = "";}
try{image = cart.getElementsByTagName("IMAGE")[i].childNodes[0].nodeValue;}catch(e){image = "No Image";}
try{qty = cart.getElementsByTagName("QTY")[i].childNodes[0].nodeValue;}catch(e){qty = "message";}
try{price = cart.getElementsByTagName("PRICE")[i].childNodes[0].nodeValue;}catch(e){price = "$0.00";}
dimension = (globals.cart_image_width ? 'width="' + globals.cart_image_width : '') + (globals.cart_image_height ? '" height="' + globals.cart_image_height + '"' : '');
str = str + ' <tr>';
str = str + ' <td class="animBoxCartImage" width="' + globals.cart_image_width + '" align="center"><a href="' + llink +'"><img src="' + image + '" ' + dimension + ' border="0" alt="' + name + '"></a></td>';
str = str + ' <td class="animBoxCartContent" width="100%">';
str = str + ' <div class="animBoxCartName"><a href="' + llink + '">' + name + '</a><br />' + attributes + '</div>';
str = str + ' ' + globals.text_cart_quantity + ' ' + qty;
str = str + ' <div class="animBoxCartPrice">' + price + '</a></div>';
str = str + ' <a href="' + llink + '"> More Info </a>';
str = str + ' </td>';
str = str + ' </tr>';
parsedata=function(xml){
var str=“”;
var cart=xml.documentElement.firstChild;
如果(cart.childNodes.length>0){
str=str+'';
str=str+'
对于(var i=0;i'+属性+';
str=str+''+globals.text\u cart\u quantity+''+quantity;
str=str+“”+价格+“”;
str=str+'';
str=str+'';
str=str+'';
js文件(Jquery)的前半部分主要涉及位于标题中的购物车的显示/隐藏,我刚刚发布的部分是我想添加代码的地方,我可以添加样式,以便行颜色交替。我甚至不打算尝试修复此问题。在
tr
上:
str += ' <tr>';
str+='';
添加alt行类:
str += ' <tr class="' + i%2 == 0 ? 'altrow' : '' + '">';
str+='';
保持代码的其余部分不变:
将str=str+'';
替换为:
str = str + ' <tr class="rowcolor' + (i%2) + '">';
这里还是新的-不是发布的整个脚本-结果不是很好:SThanks Jeff-现在发生的是我的购物车中有两个项目-它只显示了一个项目,但那一行的行颜色已经改变了-耶,越来越近了:))现在只需要第二行也显示出来:填充第三个项目导致脚本没有响应嗯,我没有请注意,您已经将
i
定义为循环迭代器。这将重置i
,您将重新开始,挂起脚本。我修复了上面的示例。只需在tr
定义中使用(i%2)。您是一个绝对的明星-它像做梦一样工作-您不知道我有多伟大-非常感谢:)x
.rowcolor0 {
background-color: #ffffff;
}
.rowcolor1 {
background-color: #dddddd;
}