Element erstellen von template-element?

Ich habe einige Schwierigkeiten mit diesem:

template = $("#template");
$(template).attr("id", "newid");

$(template).appendTo("body");

Was ich tun möchte, ist eine id zuweisen der Vorlage an, dann ändern die Inhalte. Problem ist, ich bin derzeit auf der Bezugnahme auf die tatsächlichen template-element, und so die id zu ändern. Auf die mit dieser Vorlage wieder, ich kann nicht wählen Sie die id ist anders.

Jede Beratung über die optimale Vorgehensweise?

Nicht ganz sicher, was Sie, was Sie bedeuten? Wenn Sie möchten, erstellen Sie ein element aus einem anderen, vielleicht möchten Sie verwenden die jQuery - clone() Methode? api.jquery.com/clone.
Sollten Sie verwenden var.

InformationsquelleAutor Damien Roche | 2011-07-09

  1. 19

    Klon-Objekt:

    template = $("#template").clone();
template.attr("id","newid");
template.appendTo("body");
    danke! .. und danke für den Tipp Felix!
    aber dann erstellt einen neuen Knoten vom Typ Vorlage. Ich wollte nur seinen Körper.
    Ich finde manuels version war, was Sie gesucht haben. Ich versteh auch nicht, warum sollte der Vorlage müssen geklont werden, aber nicht deren Inhalt.

    InformationsquelleAutor Ujjwal Manandhar

  2. 10

    Drei Noten auf Ihrem code:

    Sodass Ihr code wird wie folgt Aussehen:

    var $template = $("#template").clone();
$template.attr("id", "newid");

$template.appendTo("body");
    Warum ist Punkt 3 schlecht?
    Da das erstellen jQuery-Objekt ist eine Menge Arbeit unter der Haube(kann man einen Blick in die jQuery-Quelle) und warum tun Sie es wieder, wenn Sie es bereits getan und speichert das Ergebnis in variable? Und selbst wenn es nicht so viel Arbeit, und wenn es auch nur cache-Lesen, einfach beziehen, welche Variablen bereits in den Läden ist immer schneller als alles andere.

    InformationsquelleAutor Paul Kozlovitch

  3. 8

    Die HTML5 bietet eine template element:

    contents = $('#template').html();
copy = $('<div id="copy"></div>');
$('body').append(copy.append(contents));

    Den HTML-Teil:

    <html>
  <body>
    <template id='template'>
    </template>
  </body>
</html>

    Den clone Methode ist nicht ausreichend.

    Nur, das funktionierte für mich. Clone() nicht korrekt war

    InformationsquelleAutor manuel

  4. 1

    Den 3-Zeilen-Lösung, aber ich schlage vor, die 1-Linie mit kurzen jQuery-style-Lösung:

    $('#template').clone().attr('id', 'newid').appendTo('body');
    Das ist toll! Leider bin ich wesentliche änderungen an der Vorlage zwischen Klonen und anfügen.

    InformationsquelleAutor Cokegod

  5. 0

    Können Sie die clone () - Methode wie folgt:

    template = $('#template').clone();
template.attr('id', 'newid');
template.appendTo('body');

    Blick auf http://api.jquery.com/clone/ für mehr info.

    template ist schon ein jQuery-Objekt. Gib Sie nicht wieder zu jQuery.
    Yep! Mein Fehler, danke für den Hinweis 🙂

    InformationsquelleAutor Tom Walters

Schreibe einen Kommentar