Question

我试图遍历页面上的所有div并查找具有相同类别的所有div：item并将它们转换为按钮。

以下是html中的数据示例：

         <div class='item'>
          <span><a class='test' href='http://google.com'>tester1</a></span>
          </div>
          <div class='item'>
          <span><a class='test' href='http://google.com'>tester2</a></span>
          </div>
          <div class='item'>
          <span><a class='test' href='http://google.com'>tester</a></span>
          </div>
          <div class='item'>
          <span><a class='test' href='http://google.com'>test</a></span>
          </div>

问题是可能存在数百个div，所以我想使用ko。

我的咖啡：

define ["knockout", "text!./test-page.html"], (ko, template) ->
VM = () =>
    window.xxx = @


return {
    viewModel: VM
    template: template
}

我不确定如何继续，任何提示让我朝着正确的方向前进？

Answer 1

我不确定你有足够的时间使用Knockout来做这件事。或许把小提琴放在一起？

你可以使用jQuery实现这一点，然后让Knockout知道如果需要，事情已经发生了变化。

$('.item').each ->
 if $(this).hasClass 'buttonClass'
  // turn $(this) into a button and manipulate in other ways
 else
 // ad a class or something that lets you find these in the future perhaps?

Knockout.js遍历页面上的div并生成按钮。 CoffeeScript的

1 个答案: