如何通過點擊獲取整個HTML表格值

Question

在這裏，我得到單擊tr表中的單個tr值。我需要的是得到一個按鈕，整個表TR值或DIV click.Here是我從這個http://forums.asp.net/t/1652535.aspx

http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" 

$(function() { 
     var message = $('#message'); 
     var tr = $('#tbl').find('tr'); 
     tr.bind('click', function (event) { 
     var values = ''; 
     var tds = $(this).find('td'); 
     $.each(tds, function (index, item) { 
     values = values + 'td' + (index + 1) + ':' + item.innerHTML + '<br/>'; 
     }); 
     message.html(values); 
     }); 
     }); 

和

<form id="form1" runat="server"> 
     <table id="tbl" style="border: solid 1px black"> 
      <tr> 
       <td> 
        1 
       </td> 
       <td> 
        a 
       </td> 
      </tr> 
      <tr> 
       <td> 
        2 
       </td> 
       <td> 
        b 
       </td> 
      </tr> 
      <tr> 
       <td> 
        3 
       </td> 
       <td> 
        c 
       </td> 
      </tr> 

     </table> 
     <br /> 
     <div id="message"> 
     </div> 
     </form> 

任何建議使用它的代碼？

Answer 1

試試這個：

$(function() { 
    var message = $('#message'); 
    var table = $('#tbl'); 
    table.bind('click', function(){ 
     var values = ''; 
     var valArray = new Array();    
     var j = 0; 
     var tr = $(this).find('tr'); 
     tr.each(function(){ 
      var i = 0; 
      valArray[j] = new Array(); 
      var tds = $(this).find('td'); 
      $.each(tds, function (index, item) { 
       values = values + 'td' + (index + 1) + ':' + item.innerHTML + '<br/>'; 
       valArray[j][i] = 'td' + (index + 1) + ':' + item.innerHTML + '<br/>'; 
       i++; 
      }); 
      j++; 
     }); 
     message.html(values); 
     //valArray is going to have your data organized in an bidimensional array style 
    });          
}); 

Answer 2

jQuery("#submit").click(function(){ 
var tblValue = jQuery("#tbl1").html(); 
jQuery("#hiddenInput").val(tblValue); 
document.forms["myform"].submit(); 
}); 

在窗體之間創建隱藏的輸入類型。

<form name="myform" id="tbl1"> 
#your table html code 
<input type="hidden" id="hiddenInput" /> 
<input type="submit" id="submit" /> 
</form>