如何设置子元素的父元素单击事件目标与流星

我有一个常规按钮上的单击事件设置。在这个按钮元素下嵌套的dom里面有一个span元素。我希望能够在由按钮触发的单击事件范围内触发span元素。

我将如何获得span元素。我不想弄乱按钮元素。我无法从按钮点击事件目标中获取跨度。在下面的例子中...用户点击按钮，span元素会弹出标准的jquery效果。我可以轻松访问按钮，但孩子怎么样。它应该很容易做到，但是我找不到正确的密钥来访问事件对象，该事件对象返回以找到我希望为此特定事件目标获取/设置的跨度。

代码更好的主意：

<template name="test"> 
    <div class="container> 
     <button class="btn btn primary" type="button">Click me</button> 
     <span>Blah Blah Blah</span> 
    </div> 
</template>

Template.test.events({ 
    'click button'(event, instance) { 
    $(event.currentTarget).effect("bounce"): 
    } 

})

来源

2017-03-04 jremi

听起来像是你正在寻找的jQuery next()：

获取紧随其后的每个元素的兄弟在一套匹配元素。

因此你的情况：

$(event.currentTarget).next().effect("bounce");

请注意，您的跨度不“嵌套”您的按钮下（即它是不按钮的孩子），但附加之后您的按钮（即按钮的下一个兄弟）。

演示：https://jsfiddle.net/n4Lj86dq/

来源

2017-03-04 00:49:11 ghybs

然后如果元素不是立即之后会发生什么？ – jremi

没关系。你的答案有效......我刚刚添加了.next（）。next（）...等等......我没有意识到它会很好地落在DOM链上。很棒。谢谢您的帮助。 – jremi

如何设置子元素的父元素单击事件目标与流星

回答

相关问题