0

私はjqueryにこのコードを持っています:

$(document).ready(
function () {
    var reservations = [{
        "HotelId": "01",
        "HotelName": "ספא וילג' הוטל",
        "ReservNum": "0166772",
        "Guest Name": "רוני לוי",
        "Room": "323",
        "Type": "SUIT",
        "Rooms": "1",
        "Board": "HBDB",
        "Status": "CN",
        "Pax": "2,0,0,0",
        "Arrival": "07/08/12",
        "Departure": "12/08/12",
        "AgentDesc": "FIT",
        "AgentCode": "FIT",
        "Group": null,
        "Balance": "0",
        "Requests": "",
        "Remarks": "1424 ש ח חצי פנסיון+2טיפולים",
        "Fit/Group": "FIT",
        "ReturnGuestName": "רוני לוי",
        "StatusColor": "LightGreen"
    },
{
    "HotelId": "01",
    "HotelName": "ספא וילג' הוטל",
    "ReservNum": "0166778",
    "Guest Name": "ולדה קאטם",
    "Room": "028",
    "Type": "LOCK",
    "Rooms": "1",
    "Board": "BLUE",
    "Status": "IH",
    "Pax": "2,0,0,0",
    "Arrival": "07/08/12",
    "Departure": "07/08/12",
    "AgentDesc": "מנויים חמת גדר",
    "AgentCode": "001",
    "Group": null,
    "Balance": "0",
    "Requests": "",
    "Remarks": "761 ש ח כ+ט+א*2",
    "Fit/Group": "FIT",
    "ReturnGuestName": "",
    "StatusColor": "LightCoral"
}];

var tbody = $('#reservations tbody');
var props = ["ReservNum", "Guest Name", "Status", "Arrival", "Departure", "Type"];
$.each(reservations, function (i, reservation) {
    var tr = $('<tr>');
    $.each(props, function (i, prop) 
    {
        if (reservation[prop] == "CN") 
        {
            $('<td class="CN">').html(reservation[prop]).appendTo(tr);
        }
        else if (reservation[prop] == "IH")
        {
            $('<td class="IH">').html(reservation[prop]).appendTo(tr);
        }
        else 
        {
            $('<td>').html(reservation[prop]).appendTo(tr);
        }
    });
    tbody.append(tr);
});
});

ループには次の行があります。

 $('<td class="CN">').html(reservation[prop]).appendTo(tr);

これはhtmlで私を作成します:<td class="CN"> CN </td>

この行をhtmlで作成したいので、変更したい： <td><img class="CN"> CN </td>

私はやろうとしました：

$('<td><img class="CN">').html(reservation[prop]).appendTo(tr);

しかし、それは仕事をしません。

コードで何を変更する必要があるか誰かが知っていますか? ありがとう！

4

5 に答える 5

0

この行を置き換えてみてください：

$('<td class="CN">').html(reservation[prop]).appendTo(tr);

これとともに：

 $('<td><img class="CN">').html(reservation[prop]).appendTo(tr);
于 2012-12-24T15:05:05.190 に答える
0

html関数に必要なタグを追加します。

$('<td class="CN">').removeClass('CN').html('<img class="CN">'+reservation[prop]).appendTo(tr);

しかし、この HTML コードは有効ではありませんimg。タグを使用して画像を定義しています。

于 2012-12-24T15:05:12.040 に答える
0

あなたはjsfiddleを作ることができますか？代わりにこれを試してください 

$('<td><img class="CN">').append(reservation[prop]).appendTo(tr);
于 2012-12-24T15:06:17.140 に答える