Jquery tables events

Question

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/

Vitor Ferreira · Answer

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

Ranjit Powar · Answer

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); });

Vitor Ferreira · Answer

I trying to implement but I could not continue with the same problem. Following the example of what I did: http://jsfiddle.net/0n9r1zff/

Bhuvanesh Mohankumar · Answer

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.