Wie binden Sie Daten innerhalb eines jQuery-Objekts an eine Datentabelle?

Question

Ich versuche, ein Programm zu schreiben, das den Namen des Elements und seine ID nach dem Durchsuchen des Quellcodes auflistet. Ich habe das folgende Skript verwendet, um die Namen zu finden und sie als Alarm-Popups anzuzeigen. Ich möchte, dass es in einer Datentabelle und nicht als Popup angezeigt wird.

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

Angenommen, ich habe eine Tabelle wie diese auf der Client-Seite:

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

Kann mir jemand helfen, mit einer Schleife aus, die die Daten in der Tabelle hinzufügen wird?

Answer 1

Wenn Sie einfach neue Zeilen hinzufügen möchten, können Sie folgendermaßen vorgehen. Abhängig von Ihren Bedürfnissen können Sie es vereinfachen oder übersichtlicher gestalten. Für z.B. Erstellen einzelner td Elemente, wenn Sie Klassen usw. hinzufügen möchten.

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