クリックでHTMLテーブルの値全体を取得する方法

Question

ここでは、その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

このお試しください：文字列や配列に保存することが可能working..isさ

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