Bu satırın düğmelerini tıklatarak jquery'yi kullanarak satır verilerini elde edin

Question

Bir düğme seçiliyse tablo verilerini satırda almak için sorun yaşıyorum. İki düğmenin onayı ve reddetmesi ve kullanıcı tarafından tıklatılan sorguya göre veriyi almak istiyorum. Satır numaralarını ve satır öğelerini değil sadece satırları alabilir. Kimliği ve testçiyi almam gerek. Burada

Burada

<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> 

tr ve td numarası almak için benim javascript ne var fakat ihtiyacım olanı almak için nasıl kullanılacağını emin değilim

$(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

tr'u almak için ve oradan inin.

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

Ayrıca bunu $(this) olurdu bu örnekte, gereksiz olduğunu düşünüyorum:

$(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