2

jQuery Ajax リクエスト (XML として返される) からのレスポンスを繰り返し処理しようとしています。

その応答で、3 列 (無制限の行数が可能) の HTML テーブルを作成しています。4 番目の XML ノード/「会社」が見つかると、テーブルで新しい行が開始されます。新しい行をいつ追加する必要があるかを判断するための JS の助けをいただければ幸いです。ありがとう!

JS の例:

/* jQuery Ajax Call here */

success: function(xml){  
    var trow = $("<tr>");  
    $(xml).find("Company").each(function(index){  
    var cellData = "<td width=\"33%\" valign=\"top\" ><div class=\"container\">"+
"<div class=\"item\"><a href=\"#\" title=\"\" target=\"\">"+ $(this).attr("Name")+ "</a></div>"+  
"<div class=\"description\">"+ $(this).attr("Description") + "</div></div></div></td>";  
    $(cellData).appendTo(trow);   
      });  
      trow.appendTo('#tbl');  
    }  
  });  

});

Web サービスからの XML 応答の例:

<Companies>
    <Company ID="6" Name="Company name 1" Description="Lorem ipsum" />
    <Company ID="22" Name="Company name 2" Description="Lorem ipsum" />
    <Company ID="28" Name="Company name 3" Description="Lorem ipsum" />
    <Company ID="31" Name="Company name 4" Description="Lorem ipsum" />
</Companies>
4

1 に答える 1

3

モジュロ演算子は、このような場合に最適です。基本的に、ある数値を別の数値で割り、剰余を返します。そう1 % 4 = 1そして4 % 4 = 0そして8 % 4 = 0:

success: function(xml){
    var trow = $("<tr>"), table = $("#tbl");  
    $(xml).find("Company").each(function(index){  
        var cellData =  "<td width=\"33%\" valign=\"top\" ><div class=\"container\">"+
                        "<div class=\"item\"><a href=\"#\" title=\"\" target=\"\">"+ 
                        $(this).attr("Name")+ "</a></div>" +  
                        "<div class=\"description\">" + $(this).attr("Description") + 
                        "</div></div></div></td>";
        $(cellData).appendTo(trow);   
        if( (index + 1) % 4 == 0) {
            trow.appendTo(table);
            trow = $("<tr>");
        }

      });  
      if(trow.is(':not(:empty)')) trow.appendTo(table);  
    }  
    });
});

$("#tbl")また、ルックアップの数を減らすために変数に格納しました。

于 2009-12-12T05:44:34.170 に答える