獲取jQuery的錶行值

Question

嗨，大家好我有一個簡單的問題，即時通訊嘗試從html表格行中獲取值。兒子當我點擊表格行刪除按鈕我想把這些值的變量發送到服務器。我從這裏找到了http://jsbin.com/ihaqe6的東西，看起來像我需要的東西，但當我把它放在一起爲我的方案，它不起作用。

這裏是表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> 

這裏是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); 

     }); 

我做錯了什麼？我一直在看例子，但我似乎無法做到這一點。

米格爾

Answer 1

試試這個：

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

給這樣的一個嘗試：

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

下面是代碼的行動小提琴：http://jsfiddle.net/YhZsW/

Answer 3

Here is a working example。我改變了代碼輸出到一個div而不是一個警告框。我相信你的問題是item.innerHTML。我使用jQuery 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> 
</table> 
<div id="output"></div>​ 

的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

所有元素

$('#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()); 
     }); 
    });