Is it possible to use nested selectors in Meteor event maps?

Question

Here, I would like to select the .accept element from within the .header element. Is this possible? The documentation is inconclusive and I have tr

Answer 1

What you shared will work assuming you don't have a conflict elsewhere. Try using the code below. The event fires only if you click the second div, as you want.

template:

    {{> page}}

js:

if (Meteor.isClient) {
    Template.page.events({
        'click .header .accept': function(event) {
            console.log('accept clicked');
        }
    });
}