Jquery tables events

Vitor Ferreira

10y1k

Good morning everyone,

Today I was working on a project and came to me a problem was the fact that two events associated with the same table as the second event dependent 1. I have the following, by clicking on the three of a table I record all the fields in this row , however also have associated in the same tr a button with the event I need the fields filled by the previous event. What happens is that when you click the 1st time the field yet this indefenid. Someone can help me.

exemple:

http://jsfiddle.net/w7b87L5f/

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vitor Ferreira10y ago
I understand the idea, but what I really wanted was to click the OK button, it fetch the contents of the row. I have two events, the 1st row by clicking on it to fetch the contents of the first cell of correspondete line. And the second event associated with the click ok button that shows the content stored by the previous event. However both events are in the same row, and clicking on the button ok he will run the corresponding event to the first button so after that will make the event associated with the row. But I wanted to do exactly the opposite. But I do not know how defenir row for the event to be the first to be carried out
0
Ranjit Powar10y ago
Try this
$("#table tr").click(function(event) {
if (event.target != '[object HTMLTableCellElement]') {
return;
}
value = $(this).find('td:eq( 0 )').html();
});
$('.ok').on('click', function( event) {
alert(value);
});
0
Vitor Ferreira10y ago
I trying to implement, but I could not continue with the same problem. Following the example of what I did:
http://jsfiddle.net/0n9r1zff/
0
Bhuvanesh Mohankumar10y ago
Hi,
I understand the problem due to "Event Bubbling" issue,
Try this,
event.stopPropagation()
Can you check the below link for reference
https://api.jquery.com/event.stoppropagation/
Mark as answer, if found helpful.
0

Jquery tables events

event.stopPropagation()