Tabellenzeile in jQuery hinzufügen

Question

Was ist die beste Methode in jQuery, um eine zusätzliche Zeile zu einer Tabelle als die letzte Zeile hinzufügen?

Ist das akzeptabel?

$('#myTable').append('<tr><td>my data</td><td>more data</td></tr>');

Gibt es Beschränkungen für das, was Sie zu einer solchen Tabelle hinzufügen können (z. B. Eingaben, Auswahlen, Anzahl der Zeilen)?

Answer 1

var html = $('#myTableBody').html();
html += '<tr><td>my data</td><td>more data</td></tr>';
$('#myTableBody').html(html);

oder

$('#myTableBody').html($('#myTableBody').html() + '<tr><td>my data</td><td>more data</td></tr>');

Answer 2

TIPP: Einfügen von Zeilen in html table über innerHTML or .html() ist in einigen Browsern nicht gültig (ähnlich IE9 ), und die Verwendung von .append("<tr></tr>") ist in keinem Browser ein guter Vorschlag. am besten y schnellste Weg ist die Verwendung der pure javascript Codes.

für diese Art der Kombination mit jQuery fügen Sie nur ein neues Plugin wie dieses zu jQuery :

$.fn.addRow=function(index/*-1: add to end  or  any desired index*/, cellsCount/*optional*/){
    if(this[0].tagName.toLowerCase()!="table") return null;
    var i=0, c, r = this[0].insertRow((index<0||index>this[0].rows.length)?this[0].rows.length:index);
    for(;i<cellsCount||0;i++) c = r.insertCell(); //you can use c for set its content or etc
    return $(r);
};

Und jetzt verwenden Sie es in dem ganzen Projekt so:

var addedRow = $("#myTable").addRow(-1/*add to end*/, 2);