我该如何在coffeescript中编写这个jQuery？

Question

只是想学习并对如何执行以下操作感到困惑。谢谢！

$.each($(".nested-fields"), function(intIndex) {$(this).find(".set").html(intIndex+1);;} );

再次感谢您。

Answer 1

原始的 javascript 可以（或应该）这样写：

$('.nested-fields').each(function(i){
  $(this).find('.set').html(i+1)
})

因此

$('.nested-fields').each (i) ->
  $(this).find('.set').html i+1

更具可读性的版本可能如下所示：

fields = $('.nested-fields')

for field, i in fields
  set = $(field).find('.set')
  set.html i+1

或

$(field).find('.set').html i+1 for field in fields

Answer 2

for field, i in $(".nested-fields")
    $(field).find('.set').html(i+1)

（这使用 for (;;) 循环迭代数组。）

或者，如果您想使用 $.each：

$.each $(".nested-fields"), (i) ->
    $(this).find('.set').html(i+1)

顺便说一句，标题有点不正确；应该是如何在 Coffeescript 中编写此 Javascript ；）

Answer 3

就我个人而言，我喜欢 CoffeeScrip 的 for .. in .. 但我很无聊使用以下结构将迭代器作为 JQuery 对象：

for td in $('td.my_class')
    $td = $(td)
    ..

所以我定义了一个可用于每个 JQuery 对象的 items 函数：

$.fn.items = -> $.map(this, $)

现在是导航使用 CoffeeScript 更简单：

for $td in $('td.my_class').items()
    $td <-- is a JQuery object