jQuery closest('tr') not working in iOS

Question

I have the following code

fnDrawCallback: function() {
    $("#rqTable tbody tr td .fa-edit").closest('td').on('click', function() {
        // log for testing
        console.log(this);
        console.log(this.closest('tr'));
        console.log(this.closest('tr').id);
    });
}

It works as expected in IE, Chrome, Firefox, Andriod but not in Safari or on an iPhone.

this is a screen shot of the console in firefox

thisis a screen shot of the console in safari

Is there something I should be doing different to account for the iOS difference?

Answer 1

As closest() is a jQuery function you need to use it with jQuery object. Similarly use .prop() to get it any property.

this refers to native DOM element, which doesn't have the above method. use the with jQuery object.

$(this).closest('tr').prop('id');
// $(this).closest('tr').prop('id'); //OR you can also use .attr()