Wie schreibe ich dieses Kaffee-Skript in Javascript oder Jquery?

Question

Ich benutze dieses coffeescript zum Javascript-Konverter http://coffeescript.org/, um durch ein coffeescript Tutorial zu arbeiten (um mein coffeescript und jquery zu verbessern). Allerdings, wenn ich versuche, es mit dem folgenden coffeeskript zu tun, das ursprünglich in einer jst.eco Schablonendatei gefunden wurde, funktioniert es nicht, selbst wenn ich das <% %> Similily lösche, versuchte ich, den Code auf einer Live-Site auszuführen und finde das kompilierte Javascript mit Firebug heraus, aber die einzige Datei, die es mir gezeigt hat, war die jquery-Datei.

<% for entry in @entries.models: %> 
    <li><%= entry.get('name') %></li> 
<% end %> 

Wie würden Sie dies in jquery schreiben?

Answer 1

Das ist nicht nur Coffeescript, das ist eine Eco-Vorlage, d. H. Eine HTML-Vorlage mit eingebettetem Coffeescript-Code, ähnlich wie etwa JSP oder PHP. Es tut etwas Ähnliches wie

var entry, x, _i, _len, _ref; 

x = []; 

_ref = this.entries.models; 
for (_i = 0, _len = _ref.length; _i < _len; _i++) { 
    entry = _ref[_i]; 
    x.push('<li>'); 
    x.push(entry.get('name')); 
    x.push('</li>'); 
} 

return x; 

Sie möchten vielleicht mit einem entsprechenden Templating-Engine betrachten. jQuery selbst anscheinend has one in beta-testing.

Answer 2

In jQuery sollten Sie in der Lage sein, schreiben:

<% $.each(this.entries.models, function (key, entry) { %> 
    <li><%= entry.get('name') %></li> 
<% }) %> 

in Vanille Javascript

<% this.entries.models.forEach(function (entry) { %> 
    <li><%= entry.get('name') %></li> 
<% }) %> 

Wenn this.entries.models ein Backbone-Sammlung der forEach Methode ist durch Strich versehen ist.