隔离流星中的模板区域,以便更轻松地进行DOM导航

时间:2013-04-27 08:01:51

标签: meteor handlebars.js

使用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}}块中使用它。我想知道是否有更好/更短的方法来做到这一点。

1 个答案:

答案 0 :(得分:0)

您可以在img中添加@index,以便可以选择它(使用js或CSS)。 How to get index in Handlebars each helper?