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