0

次の静的 HTML があります。

<div id="divSlots"></div>

そしていくつかのjQuery:

success: function(data) {

if (data.d[0]) {

        $.each(data.d, function(index, data) {

            $("#divSlots").append("<div id='divSlot-" + data.id + "'>");
            $("#divSlots").append(data.time);
            $("#divSlots").append("</div>");

        });

なぜこれが私にこの出力を与えるのですか:

<div id="divSlots">
    <div id="divSlot-0"></div>
    09:00 
    <div id="divSlot-1"></div>
    09:30
</div>

これの代わりに?

<div id="divSlots">
    <div id="divSlot-0">09:00</div>
    <div id="divSlot-1">09:30</div>
</div>

Google Chromeでこれを取得します.IE8 +についてはわかりません

4

3 に答える 3

2

いわば「divの半分」を追加することはできません。ブラウザは完全な div を表示してdata.timeから、最後の終了 div を省略しています。代わりにこれを使用してください:

$("#divSlots").append(
    '<div id="divSlot-' + data.id + '">' + data.time + '</div>'
);
于 2013-08-01T15:43:41.547 に答える