CODEWITHSUNDEEP
jqueryinsertafter
PassionateDeveloper
PassionateDeveloper

Reputation: 15138

InsertAfter doesn't work

I try to insertAfter on a given element:

var design = "<span id='Umsatz'></span><span id='Paxe'></span><span id='UmsatzPaxe'></span>";
$.each(retValueStart, function (i, e) {
    //Umsatz
    var htmlRow = "";
    htmlRow += "<tr>";
    htmlRow += "<td>" + e.saison + "</td>";
    htmlRow += "<td>" + e.gj + "</td>";
    htmlRow += "<td>" + cMoney(e.summe_umsatz) + "</td>";
    htmlRow += "<td>T€</td>";
    htmlRow += "</tr>";
    $(htmlRow).insertAfter($(design).find('#Úmsatz'));

  //do other things

it simply doesn't work...

Ideas?

Upvotes: 0

Views: 194

Answers (2)

Tushar
Tushar

Reputation: 87203

See the comments in code. Also, I've highlighted the modified code.

var design = "<span id='Umsatz'></span><span id='Paxe'></span><span id='UmsatzPaxe'></span>";
$(design).appendTo('body'); // Append to body first
// ^^^^^^^^^^^^^^^^^^^^^^^^

$.each(retValueStart, function(i, e) {
    //Umsatz
    var htmlRow = "";
    htmlRow += "<tr>";
    htmlRow += "<td>" + e.saison + "</td>";
    htmlRow += "<td>" + e.gj + "</td>";
    htmlRow += "<td>" + cMoney(e.summe_umsatz) + "</td>";
    htmlRow += "<td>T€</td>";
    htmlRow += "</tr>";
    $(htmlRow).insertAfter('#Umsatz'); // Don't need find here because ids are unique
    //                      ^^^^^^^^
});

Upvotes: 2

low_rents
low_rents

Reputation: 4481

I guess you are trying to insert html after your span with id='Umsatz'.

replace:

$(htmlRow).insertAfter($(design).find('#Úmsatz'));

with:

$("#Umsatz").append(htmlRow);

Upvotes: 0

Related Questions