このコーヒースクリプトをjavascriptまたはjqueryで書くにはどうすればいいですか？

Question

私はこのcoffeescriptをjavascriptのコンバータhttp://coffeescript.org/に使用しています。私のcoffeescriptとjqueryの両方を改善するために、coffeescriptのチュートリアルで作業しています。しかし、元々jst.ecoテンプレートファイルで見つかった次のcoffeescriptで処理しようとすると、<% %>を削除しても動作しません。同様に、ライブサイトでコードを実行しようとしました。 Firebugを使ってコンパイルされたjavascriptを見つけてください。しかし、私に示した唯一のファイルはjqueryファイルでした。

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

これをjqueryでどのように記述しますか？

Answer 1

これは、エコテンプレートであるCoffeescriptだけではなく、たとえば、JSPやPHPに類似した埋め込み型のcoffeescriptコードを持つHTMLテンプレートです。

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; 

同等のテンプレートエンジンを使用してみるとよいでしょう。 jQuery自体は明らかにhas one in beta-testingです。

Answer 2

jQueryのでは、あなたが書くことができる必要があります：

​​

バニラJavaScriptで

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

this.entries.modelsは、コレクションのforEachメソッドは、アンダースコアで提供されるバックボーンがある場合。