obtener los datos de fila usando jquery haciendo clic en los botones para esa fila

Question

Tengo problemas para obtener los datos de la tabla en la fila si se selecciona un botón. Tengo dos botones para aprobar y denegar y, en función de qué botón haga clic en el usuario, quiero obtener los datos mediante la consulta. puede obtener los números de fila y cosas simplemente no los datos de la fila. Necesito obtener la identificación y el probador.

aquí es lo que tengo

<table id="mytable" width="100%"> 
<thead> 
<tr> 
<th>ID</th> 
<th>Tester</th> 
<th>Date</th> 
<th>Approve</th> 
<th>Deny</th> 
</tr> 
</thead> 
<tbody> 
<tr class="test"> 
<td class="ids">11565 </td> 
<td class="tester">james</td> 
<td>2012-07-02 </td> 
<td><Button id="Approved" type="submit" >Approved</button> 
</td> 
<td><Button id="deny_0" type="submit" >Denied</button> 
</td> 
</tr> 
</tbody> 
</table> 

aquí es mi javascript para obtener el número tr y td, pero no estoy seguro de cómo utilizar para conseguir lo que necesito

$(document).ready(function() { 

    /*$('#cardsData .giftcardaccount_id').each(function(){ 

     alert($(this).html()); 
    }); */ 
    $('td').click(function(){ 
      var col = $(this).parent().children().index($(this)); 
      var row = $(this).parent().parent().children().index($(this).parent()); 
      alert('Row: ' + row + ', Column: ' + col); 
     // alert($tds.eq(0).text()); 
      console.log($("tr:eq(1)")); 
     // $("td:eq(0)", this).text(), 

     }); 


}); 

Answer 1

$(document).ready(function(){ 
    $('#Approved').click(function(){ 
     var id = $(this).parent().siblings('.ids').text(); 
     var tester = $(this).parent().siblings('.tester').text(); 

     console.log(id); 
     console.log(tester); 
    }); 
});​ 

JSFiddle

Answer 2

Yo usaría closest() para obtener el tr y el n descender de allí.

var tr = $('td').closest('tr') 

También creo que esto es innecesario, en su ejemplo que sería $(this):

$(this).parent().children().index($(this)) // === $(this) 

Answer 3

$('table').on('click', 'button', function() { 
     var parentRow = $(this).parent().parent(); 
     var id = $('td.ids', parentRow).text(); 
     var tester = $('td.tester', parentRow).text(); 

    alert('id: ' + id + ', tester: ' + tester); 
});​ 

Answer 4

$(function(){ 
    $('button').on('click', function(){ 
     var tr = $(this).closest('tr'); 
     var id = tr.find('.ids').text(); 
     var tester = tr.find('.tester').text(); 
     alert('id: '+id+', tester: ' + tester); 
    }); 
});​ 

FIDDLE