jQuery的XML解析 - 交替行的颜色

如何添加代码以下交替行颜色jQuery的XML解析 - 交替行的颜色

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>';

的.js文件（jQuery的）的前半部分主要涉及的显示/隐藏的购物车位于标题和我刚刚发布的部分是我在想的是我需要添加代码的地方，我可以添加样式，以便行颜色交替。

来源

2011-04-06 mommaroodles

还是新来的 - 而不是整个脚本发布 - 这没有来出好：S – mommaroodles 2011-04-06 17:22:33

保持你的代码的其余部分是相同的：

替换str = str + ' <tr>';有：

str = str + ' <tr class="rowcolor' + (i%2) + '">';

然后，你需要为行颜色定义的css类：

.rowcolor0 { 
    background-color: #ffffff; 
} 

.rowcolor1 { 
    background-color: #dddddd; 
}

来源

2011-04-06 17:39:12

感谢杰夫 - 什么现在我的车有2项发生的一切 - 它的唯一显示1项，但行颜色已经改变了那一行 - 耶越来越近:)）只需要第二行也显示现在：P – mommaroodles 2011-04-06 18:37:02

添加第三项导致一个没有反应的脚本 – mommaroodles 2011-04-06 18:37:36

而且它没有这个改变的工作？ – 2011-04-06 19:34:23

我甚至不会尝试解决这个问题。在tr：

str += ' <tr>';

添加ALT行类：

str += ' <tr class="' + i%2 == 0 ? 'altrow' : '' + '">';

来源

2011-04-06 17:35:49

感谢在格式化我贴的代码:) – mommaroodles 2011-04-06 18:38:09

jQuery的XML解析 - 交替行的颜色

回答

相关问题