Question

I’m having an issue trying to NOT select a tablerow with the function:

$('tr').click(function(e) {  var row = jQuery(this) //rest of code left off  }); 

Basically it finds all tablerows and adds click functionality that will open a edit modal that has a row with textboxes that are populated with info from the tablecells. The problem is that the tablerow in the modal is also getting the functionality so when a user goes to edit a value in a text box the all the values disappears…

So what I have been trying and failing is to filter the tr by id several way by using:

$('tr').not('trEdit').click(function(e) {             var row = jQuery(this)  

and

$('tr not:'trEdit').click(function(e) {             var row = jQuery(this)  

I’ve also played around with trying the second table and then not selecting it’s table rows, but the tables aren’t besides each other & the example I had was…no I haven’t tried table[1] tr yet(now that I think about it)…

Please help…I’m going nuts trying to figure this out..

Thanks!!!!!

Answer 1

Could you implement it this way? It would make your intentions much clearer.

$('#theClickableTable tr').click(function() {     ... })