Determine if click event source comes from thead

Question

I've been at this for awhile now with no luck so I thought I'd throw something up on SO.

I need the function of a click event in and Angular directive to execute only if the source comes from the tbody not the thead. I've tried a number of routes to get this information, but I can't seem to get the syntax right.

Any help/guidance would be greatly appreciated. Here is my latest/best attempt. Will give you and idea what I'm going for:

/* Linker for the directive */
var linker = function (scope, elm, attrs) {  
    window.setTimeout(function(){
        elm.find('table tbody tr.uib-weeks td button span.text-info').closest('tr').find('button').addClass('chosenReportWeek');
    }, 1000); // This is a hack until we can find the proper load/render event           

    elm.on('click', function(event) {
        if(event.target.parent.indexOf('thead') === -1){
            elm.find('table tbody tr.uib-weeks button.active').closest('tr').find('button').addClass('chosenReportWeek');
        }                
    });
};

Had to change it to 'thead in the .closest but it works. thanks! — NealR
– NealR, Commented Jul 28, 2016 at 20:12
Does this answer your question? Detect click inside/outside of element with single event handler — Heretic Monkey
– Heretic Monkey, Commented Dec 19, 2019 at 21:22

NealR · Accepted Answer · 2016-07-28 20:13:13Z

0

Correct syntax below:

if($(event.target).closest('thead').length === 0)

answered Jul 28, 2016 at 20:13

NealR

10.7k61 gold badges169 silver badges307 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Determine if click event source comes from thead

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related