jQuery - der bessere Weg zu verketten von Zeichenfolgen, haben Zitate?

Gibt es eine bessere Möglichkeit zum verketten von strings, die "'s (z.B. HTML-tag-Attribut-Definitionen) in jQuery als die Flucht der quote?

Escapy Beispiel:

$(this).prepend("<label for=\""+$(this).attr("id")+"\">"+"a"+"</label>");

  • Verwenden Sie einfache Anführungszeichen für HTML-tag-Attribut-Definitionen?
  • hum, ich Frage mich, ob jQuery womöglich eine Funktion zum verarbeiten solcher Zeichenfolgen
  • Für das Protokoll: $(this).attr("id") ist einer aufgeblähten und redundanten Art und Weise zu sagen:this.id.
  • ich bin noch nicht sicher, Wann this vs $(this)
InformationsquelleAutor ina | 2010-08-11
  1. 10

    Können Sie den Objekt-Methode der Schöpfung ($(html, props)), wie diese:

    $('<label />', { for: this.id, text: 'a' }).prependTo(this);
//or:
$(this).prepend($('<label />', { for: this.id, text: 'a' }));

    Dies hat den Vorteil, Berufung .text() intern, kümmert sich um alle Probleme der Zeichenkodierung. Auch, wenn Sie das tun ein viel, es werde schneller, da das HTML-fragment ist konsistent und zwischengespeichert, damit ein Klon des Knoten verwendet wird, anstatt einen string in ein Dokument-fragment jedes mal. Je mehr Elemente, die Sie erstellen, desto schneller wird er über die string-Methode. Für den gleichen caching-Gründen, je größer das element (bis zu 512 char string), desto größer die Gewinne.

    • +1 Schöne alternative.
    • weit besser lesbar zu
    • +1 für jQuery interne fragment-caching-fu
    • ja, +1 und +ausgewählt ist für die Zwischenspeicherung fu
    InformationsquelleAutor Nick Craver
  2. 6

    können Sie verwenden Sie einfache Anführungszeichen für die wichtigsten string-und dann müssen Sie nicht haben, um zu entkommen die Anführungszeichen.

    $(this).prepend('<label for="'+$(this).attr("id")+'">'+ a +'</label>');
    InformationsquelleAutor Jeff Treuting
  3. 5

    Dies ist der Grund, warum ich in Erster Linie verwenden Sie einfache Anführungszeichen $('here'). Eine Sorge weniger, wenn Sie die Arbeit mit HTML, die unvermeidlich ist voll von doppelten Anführungszeichen.

    $('""""No worries!"""""""')

    Den Google JavaScript Style Guide stimmt.

    • was ist wenn man html mit Worten wie "Ben Franklin's kite"?
    • Gut, dann bist du wieder auf der Flucht. Nichts ist perfekt, richtig? Kann auch code zu machen der häufigste Fall einfacher.
    • oder was, wenn Sie brauchen, um zu echo es mit PHP?
    InformationsquelleAutor Ken Redler
  4. 1

    Einzelne Zitate?

    $(this).prepend('<label for="'+$(this).attr("id")+'">'+'a'+'</label>');

    oder, jQuery:

    $("<label>").attr("for", this.id).text(a).prependTo(this);
    InformationsquelleAutor Tomalak
  5. 1

    Einfache Anführungszeichen sind definitiv der Weg zu gehen. Ich empfehle Sie für alle strings in javascript. Insbesondere bei der Arbeit mit jQuery, ist es viel häufiger zu benötigen, um ein doppeltes Anführungszeichen in einer Zeichenfolge als ein einzelnes Zitat, so wird es sparen Sie eine Menge Zeit, die Flucht und die Lesbarkeit zu verbessern. Außerdem, es wird sparen Sie Tastenanschläge mehr, keine lästigen shift-Taste 🙂

    InformationsquelleAutor Ender
Schreibe einen Kommentar