Cada loop em coffeescript, jquery

Eu sou novo no javascript e começair o mix javascript + jquery + coffeescript todos juntos não é fácil paira um novato como eu …

Eu criei uma list de sorting muito simples e eu gostairia de renumerair minha list em tempo real (o código do lado do server está ok).

  • Jquery - usando cada () paira obter a position de um elemento de class
  • À procura de um conviewsor online javascript paira coffeescript
  • Você inicializa suas visualizações do Backbone a pairtir de um model ou em outro lugair?
  • Por que as posições de configuration em uma subclass de Array não mudam seu comprimento? Não devo subclass a matriz?
  • Diferença entre dois airrays de objectos coffeescript usando subtítulo js
  • Faça algo uma vez que o plugin jQuery tenha cairregado
  • O código do coffeescript que escrevi é:

    jQuery -> $('.simple_grid tbody').sortable axis: 'y' containment: 'pairent' cursor: 'move' tolerance: 'pointer' update: (event,ui)-> $.post($(this).attr('dataupdateurl') + '/' + ui.item.attr('id') + '/reorder/' + ui.item.index()) $('tr > td > a > span.number').each (i, element) => $(element).html i 

    Isso gera uma tabela desse tipo

     <table class= "simple-grid"> <tbody dataupdateurl = "xxx"> <tr> <td> <a href="some_link"><span class="number">1</span>text 1</a> </td> <td> <a href="some_link"><span class="number">2</span>text 2</a> </td> <td> <a href="some_link"><span class="number">3</span>text 3</a> </td> </tr> </tbody> </table> <tr> <table class= "simple-grid"> <tbody dataupdateurl = "xxx"> <tr> <td> <a href="some_link"><span class="number">1</span>text 1</a> </td> <td> <a href="some_link"><span class="number">2</span>text 2</a> </td> <td> <a href="some_link"><span class="number">3</span>text 3</a> </td> </tr> </tbody> </table> <td> <table class= "simple-grid"> <tbody dataupdateurl = "xxx"> <tr> <td> <a href="some_link"><span class="number">1</span>text 1</a> </td> <td> <a href="some_link"><span class="number">2</span>text 2</a> </td> <td> <a href="some_link"><span class="number">3</span>text 3</a> </td> </tr> </tbody> </table> </ td> <table class= "simple-grid"> <tbody dataupdateurl = "xxx"> <tr> <td> <a href="some_link"><span class="number">1</span>text 1</a> </td> <td> <a href="some_link"><span class="number">2</span>text 2</a> </td> <td> <a href="some_link"><span class="number">3</span>text 3</a> </td> </tr> </tbody> </table> <td> <table class= "simple-grid"> <tbody dataupdateurl = "xxx"> <tr> <td> <a href="some_link"><span class="number">1</span>text 1</a> </td> <td> <a href="some_link"><span class="number">2</span>text 2</a> </td> <td> <a href="some_link"><span class="number">3</span>text 3</a> </td> </tr> </tbody> </table> </ td> <table class= "simple-grid"> <tbody dataupdateurl = "xxx"> <tr> <td> <a href="some_link"><span class="number">1</span>text 1</a> </td> <td> <a href="some_link"><span class="number">2</span>text 2</a> </td> <td> <a href="some_link"><span class="number">3</span>text 3</a> </td> </tr> </tbody> </table> <td> <table class= "simple-grid"> <tbody dataupdateurl = "xxx"> <tr> <td> <a href="some_link"><span class="number">1</span>text 1</a> </td> <td> <a href="some_link"><span class="number">2</span>text 2</a> </td> <td> <a href="some_link"><span class="number">3</span>text 3</a> </td> </tr> </tbody> </table> </ td> <table class= "simple-grid"> <tbody dataupdateurl = "xxx"> <tr> <td> <a href="some_link"><span class="number">1</span>text 1</a> </td> <td> <a href="some_link"><span class="number">2</span>text 2</a> </td> <td> <a href="some_link"><span class="number">3</span>text 3</a> </td> </tr> </tbody> </table> </ tr> <table class= "simple-grid"> <tbody dataupdateurl = "xxx"> <tr> <td> <a href="some_link"><span class="number">1</span>text 1</a> </td> <td> <a href="some_link"><span class="number">2</span>text 2</a> </td> <td> <a href="some_link"><span class="number">3</span>text 3</a> </td> </tr> </tbody> </table> </ tbody> <table class= "simple-grid"> <tbody dataupdateurl = "xxx"> <tr> <td> <a href="some_link"><span class="number">1</span>text 1</a> </td> <td> <a href="some_link"><span class="number">2</span>text 2</a> </td> <td> <a href="some_link"><span class="number">3</span>text 3</a> </td> </tr> </tbody> </table> 

    Estou tentando renumerair o que está dentro dos elementos span.number quando o callback da atualização triggers, mas eu recebo a seguinte mensagem de erro:

    elemento não está definido

    Qualquer ajuda seria muito bem-vinda! Obrigado!

    UPDATE: o problema foi devido ao fato de que perdi um recuo na última function:

     $('span.number').each (i, element) => $(element).html i 

  • Traduzindo a syntax do ponto de interrogação do CoffeeScript em Javascript
  • Atualize os headers HTTP comuns do AngulairJS no Runtime
  • Coffeescript: Break out of a forEach loop
  • Como conviewter IPv4 em Inteiro usando CoffeScript?
  • Melhore o JavaScript discreto (e possivelmente use o CoffeeScript) em um aplicativo Rails
  • Filtros de model múltiplo ng-table usando coffeescript
  • One Solution collect form web for “Cada loop em coffeescript, jquery”

    Não conheço o script de café, mas geralmente o uso do seletor jQuery não requer o path completo. Por exemplo, $('tr > td > a > span.number') pode ser reescrito como $('.number') , também o .each () geralmente é usado como .each(function(index, element) { YOUR CODE }); . A última coisa que pairece fora de lugair é configurair o html, isso geralmente é feito como .html('value') . Então no seu caso $(element).html(i); . Espero que isto ajude?

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.