ottenere i valori della riga tabella con jquery

Question

Ciao ragazzi Ho un problema semplice sto cercando di ottenere i valori da una riga della tabella html. figlio quando clicco sulla riga della tabella pulsante di eliminazione voglio mettere quei valori sulle variabili da inviare al server. Ho trovato qualcosa da qui http://jsbin.com/ihaqe6 che assomiglia a quello che ho bisogno ma quando lo metto insieme per il mio scenario non funziona.

ecco la tabella html.

<table id='thisTable' class='disptable' style='margin-left:auto;margin-right:auto;' > 
    <tr> 

    <th>Fund</th> 
    <th>Organization</th> 
    <th>Access</th> 
    <th>Delete</th> 
    </tr> 
    <tr> 
    <td class='fund'>100000</td><td class='org'>10110</td><td>OWNED</td><td><a class='delbtn'ref='#'>X</a></td></tr> 
    <tr><td class='fund'>100000</td><td class='org'>67130</td><td>OWNED</td><td><a class='delbtn' href='#'>X</a></td></tr> 
    <tr><td class='fund'>170252</td><td class='org'>67130</td><td>OWNED</td><td><a class='delbtn' href='#'>X</a></td></tr> 
    <tr><td class='fund'>100000</td><td class='org'>67150</td><td>PENDING ACCESS</td><td><a class='delbtn' href='#'>X</a></td></tr> 
    <tr><td class='fund'>100000</td><td class='org'>67120</td><td>PENDING ACCESS</td><td><a class='delbtn' href='#'>X</a> 
    </td> 
    </tr> 

ed ecco il jQuery.

var tr = $('#thisTable').find('tr'); 
     tr.bind('click', function(event) { 
      //var values = ''; 
      // tr.removeClass('row-highlight'); 
      var tds = $(this).addClass('row-highlight').find('td'); 

      $.each(tds, function(index, item) { 
       values = values + 'td' + (index + 1) + ':' + item.innerHTML + '<br/>'; 
       alert(values); 
      }); 
      alert(values); 

     }); 

cosa sto facendo di sbagliato? Continuo a guardare esempi ma non riesco a farlo funzionare.

Miguel

Answer 1

Prova questo:

jQuery('.delbtn').on('click', function() { 
    var $row = jQuery(this).closest('tr'); 
    var $columns = $row.find('td'); 

    $columns.addClass('row-highlight'); 
    var values = ""; 

    jQuery.each($columns, function(i, item) { 
     values = values + 'td' + (i + 1) + ':' + item.innerHTML + '<br/>'; 
     alert(values); 
    }); 
    console.log(values); 
}); 

DEMO

Answer 2

Dare qualcosa di simile a questo una prova:

$(document).ready(function(){ 
    $("#thisTable tr").click(function(){ 
     $(this).find("td").each(function(){ 
      alert($(this).html()); 
     }); 
    }); 
});​ 

Ecco un violino del codice in azione: http://jsfiddle.net/YhZsW/

Answer 3

Here is a working example. Ho cambiato il codice in output in un div anziché in una finestra di avviso. Il tuo problema era item.innerHTML Credo. Io uso invece la funzione jQuery html che sembra risolvere il problema.

<table id='thisTable' class='disptable' style='margin-left:auto;margin-right:auto;' > 
    <tr> 

    <th>Fund</th> 
    <th>Organization</th> 
    <th>Access</th> 
    <th>Delete</th> 
    </tr> 
    <tr> 
    <td class='fund'>100000</td><td class='org'>10110</td><td>OWNED</td><td><a class='delbtn'ref='#'>X</a></td></tr> 
    <tr><td class='fund'>100000</td><td class='org'>67130</td><td>OWNED</td><td><a class='delbtn' href='#'>X</a></td></tr> 
    <tr><td class='fund'>170252</td><td class='org'>67130</td><td>OWNED</td><td><a class='delbtn' href='#'>X</a></td></tr> 
    <tr><td class='fund'>100000</td><td class='org'>67150</td><td>PENDING ACCESS</td><td><a class='delbtn' href='#'>X</a></td></tr> 
    <tr><td class='fund'>100000</td><td class='org'>67120</td><td>PENDING ACCESS</td><td><a class='delbtn' href='#'>X</a> 
    </td> 
    </tr> 
</table> 
<div id="output"></div>​ 

il javascript:

$('#thisTable tr').on('click', function(event) {  
    var tds = $(this).addClass('row-highlight').find('td'); 
    var values = ''; 
    tds.each(function(index, item) {   
     values = values + 'td' + (index + 1) + ':' + $(item).html() + '<br/>'; 
    }); 
    $("#output").html(values); 
}); 

Answer 4

Tutti elementi

$('#tabla > tbody > tr').each(function() { 
    $(this).find("td:gt(0)").each(function(){ 
     alert($(this).html()); 
     }); 
}); 

Answer 5

$(document).ready(function() { 
     $("#tbl_Customer tbody tr .companyname").click(function() { 

      var comapnyname = $(this).closest(".trclass").find(".companyname").text(); 
      var CompanyAddress = $(this).closest(".trclass").find(".CompanyAddress").text(); 
      var CompanyEmail = $(this).closest(".trclass").find(".CompanyEmail").text(); 
      var CompanyContactNumber = $(this).closest(".trclass").find(".CompanyContactNumber").text(); 
      var CompanyContactPerson = $(this).closest(".trclass").find(".CompanyContactPerson").text(); 
      // var clickedCell = $(this); 
      alert(comapnyname); 
      alert(CompanyAddress); 
      alert(CompanyEmail); 
      alert(CompanyContactNumber); 
      alert(CompanyContactPerson); 

      //alert(clickedCell.text()); 
     }); 
    });