2017-03-04 88 views
0

例如:如何設置子元素的父元素單擊事件目標與流星

我有一個常規按鈕上的單擊事件設置。在這個按鈕元素下嵌套的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"): 
    } 

}) 

回答

1

聽起來像是你正在尋找的jQuery next()

獲取緊隨其後的每個元素的兄弟在一套匹配元素。

因此你的情況:

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

請注意,您的跨度「嵌套」您的按鈕下(即它是按鈕的孩子),但附加之後您的按鈕(即按鈕的下一個兄弟)。

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

+0

然後如果元素不是立即之後會發生什麼? – jremi

+0

沒關係。你的答案有效......我剛剛添加了.next()。next()...等等......我沒有意識到它會很好地落在DOM鏈上。很棒。謝謝您的幫助。 – jremi

相關問題