meteor - 在流星中隔离模板区域以便于 DOM 导航

Question

template.find用于在特定模板实例中定位 DOM 元素非常有用。但是当模板迭代{{#each}}一些标签而不使用子模板时会发生什么？

<template name="top">
  {{#each items}}
    <img src="{{src}}">
    <a href="{{url}}">Click me</a>
  {{/each}}
</template>

Tempalte.events(
  'click a': (event, template) ->
    template.find('img')           # This doesn't do the trick
                                   # Is there a better way?
)

有没有办法轻松访问img与点击事件关联的元素？

我知道我可以使用或创建另一个模板并在块event.target内使用它。{{#each}}我想知道是否有更好/更短的方法来做到这一点。

Answer 1

您可以将@index 添加到 img 以使其可以选择（使用 js 或 CSS）。如何在 Handlebars 每个助手中获取索引？