如何將jQuery對象中的數據綁定到數據表？

Question

我試圖編寫一個程序，在搜索源代碼後列出元素的名稱及其ID。我已經使用下面的腳本來查找名稱並將其顯示爲警報彈出窗口。我希望它顯示在數據表內而不是彈出窗口。

<script> 
     var $textarea = $('#TextArea1'), $submit = $('#Submit1'); 
     $submit.click(function (e) { 
      e.preventDefault(); 
      sourceCode = $textarea.val(); 
      var $searchObject = $('<div id="Searching"></div>'); 
      $searchObject.append($(sourceCode)); 

    alert("Number of Submit Buttons = " + $searchObject.find('[type=submit]').length); 
       $searchObject.find('[type=submit]').each(function() { 
        alert("Name of Submit button = " + $(this).attr("name")); 
        alert("ID of Submit button = " + $(this).attr("id")); 
       }); 
</script> 

假設我有在客戶端上像這樣的表：

<table style="width:100%;" frameborder="0"> 
      <tr> 
       <th>Element </th> 
       <th>Element name</th> 
       <th>Element ID</th> 
      </tr> 
      <tr> 
       <td></td> 
       <td></td> 
       <td></td> 
      </tr> 
      <tr> 
       <td></td> 
       <td></td> 
       <td></td> 
      </tr> 
     </table> 

誰能幫我了一個循環，將添加數據表？

Answer 1

如果您只是想添加新行，您可以採用以下方法。根據您的需要，您可以簡化或使其更易於管理。對於例如創建個人td元素，如果你想添加類等

var table = $("table-selector"); 
$searchObject.find('[type=submit]').each(function() { 
        var newTr = $.parseHTML("<tr><td></td><td>"+$(this).attr("name")+"</td><td>"+$(this).attr("id")+"</td></tr>"); 
        $(table).append(newTr); 
        alert("Name of Submit button = " + $(this).attr("name")); 
        alert("ID of Submit button = " + $(this).attr("id")); 
       });