0

Customer 構造体の配列があり、そこから HTML を生成する必要があるとします。

現在、私は次のようなことをしています：

jQuery.each(customers, function(index, item) {
     html =+ "<tr custID='" + item.ID + "'><td>" + item.Name + "</td><td>" + item.City + "</td></tr>";  
});

ここでの問題は、custID 属性を手動で追加することです。これを行うクールな方法は、jQuery の Data 関数を使用することだと思います。

しかし、このシナリオでどのように使用しますか?

4

3 に答える 3

2

洗練された方法は、これらの html タグをテキストのように追加するのではなく、次を使用して要素を作成することです。

document.createElement("tr");

その属性を変更して、それを html ファイルに追加できます。

ここでもっと読む：

jQueryのdocument.createElementと同等ですか?

于 2012-07-30T22:08:00.433 に答える
1

属性の前にdata-:

jQuery.each(customers, function(index, item) {
  html += "<tr data-custID='" + item.ID + "'><td>" + item.Name + "</td><td>" + item.City + "</td></tr>";  
});

これで、jQuery のメソッドを使用してデータにアクセスできます。

（存在しない=+演算子をに変更し+=ました。質問のタイプミスだったと思います。）

于 2012-07-30T22:01:51.107 に答える
0

データ グリッドを使用できます。手動でテーブルを作成するよりもはるかに優れていると思います。しかし、あなたの場合、append() 関数を使用する必要があります。

ここに良い例があります: http://jquery-howto.blogspot.com/2009/02/add-table-row-using-jquery-and.html http://api.jquery.com/append/

于 2012-07-30T22:04:09.020 に答える