如何将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")); 
       });