Speichern Sie die erstellte HTML in variable

Habe ich eine einfache jQuery-Tabellen-editor, und speichern Sie die gesamte Tabelle in eine variable. Später wurde der Zustand der Tabelle gespeichert werden, eine Art mini-CMS.

Versuchte ich mit HTML, aber es funktioniert nicht für die generierten Elemente.

Was ist der beste Weg, dies zu tun? Außerdem ist das, was .html() gibt sicher, oder sollte ich es nicht verwenden, da der browser-Unterschiede in innerHTML?

$("#target").click(function() {
    $('#myTable tr:last').after('<tr><td>Bla</td><td><div class="remove">REMOVE</div></td></tr>');
});

$("#myTable").on('click', '.remove', function(event) {
    $(this).parent().parent().remove();
});

var table = $("#myTable").html();
$("button").click(function() {
    $(".result").html(table);
});

Meinst du, dass Sie speichern möchten, die HTML-Inhalt #myTable in eine JavaScript-variable? Deine Frage ist nicht sehr klar.
Für dynamisch generierte Elemente, die Sie verwenden sollten on statt.
Mögliche Duplikate von stackoverflow.com/questions/13844202/...
Ich glaube nicht, dass er fragt, wie Sie Zeilen hinzufügen, mehr wie speichern Sie die resultierende Struktur. Ich könnte falsch sein, aber.
Da schreiben Sie es auf eine variable, wenn das DOM bereit ist (D. H., bevor änderungen vorgenommen werden), so wird die variable immer nur enthält der erste Aufschlag, VOR änderungen durch den Benutzer stattgefunden haben.

InformationsquelleAutor user1721135 | 2012-12-12

9

Aktualisieren Sie den click-Ereignishandler den folgenden:
```
$("button").click(function() {
    var table = $("#myTable").html();
    $(".result").html(table);
});
```
Sehe es hier: http://jsbin.com/ucopun/11

InformationsquelleAutor FixMaker
2

Möchten Sie Sie speichern die ganze Tabelle in ein anderes element oder eine variable ?

Wenn Sie möchten, speichern Sie in einer Variablen dann
```
$('button').on('click', function(){
    var table_html = '<table id="myTable">' + $('#myTable').html() + '</table>';
    //alert(table_html);
});
```
Fiddle - http://jsfiddle.net/84ETb/

InformationsquelleAutor Atif Mohammed Ameenuddin
1

Können Sie nicht einfach rufen html() nachdem Sie dies getan haben, Ihre änderungen (d.h., wenn der button geklickt wird, nicht wenn der DOM fertig ist)
```
var the_content = $('#myTable').html();
```
habe ich, aber das ist nicht das generierte html, siehe meine Geige jsbin.com/ucopun/9
Haben Sie zu stoßen, bis zu der Eltern und dann greifen Sie den html-von dem Elternteil. $('#myTable').parent().html();
Sie sind sich nicht aufrufen .html() wenn die Schaltfläche geklickt wird, sondern, wenn das Dokument geladen wird. Bewegen Sie Ihre Linie in die Schaltfläche klicken und es funktioniert, wie Sie es wünschen: jsbin.com/ucopun/10
jemand anderes war schneller :P, die ich noch von Ihnen positiv bewertet werden, die Sie
Nein waren Sie nicht... der Blick auf die Zeiten der Beiträge. Die akzeptierte Antwort gepostet wurde 5 Minuten nach mir...

InformationsquelleAutor BenM

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.