Question

我不明白为什么，但我得到了错误的身体结构。你可以在图像上看到我得到insert(a, b, c, d)而我在javascript上没有这个。

我只想要一个包含3列和最多10行的表。

发生了什么？

的JavaScript

<tr></tr>

Answer 1

如果给定输入不是有效的html字符串，

append将从参数创建一个元素

成功

$('#paramBody').append('<tr><td>' + i + '</td><td>' + type + '</td><td><input name="Fields" type="' + type + '" value="' +value + '"></tr>');

或逐一追加它们（下面的例子）

$( "<tr></tr>" ).append('<td>' + i + '</td>').appendTo( '#paramBody' );

首先创建一个字符串

  var html = '<tr>';
  html += '<td>' + i + '</td>';
  html += '<td>' + type + '</td>';
  html += '<td><input name="Fields" type="' + type + '" value="' + value + '">';
  html += '</tr>';


 $('#paramBody').append(html );

Answer 2

您要将所有内容追加到#paramBody，这是不正确的。连续地，您需要将数据追加/插入<tr>。所以我建议你把所有东西连在一起而不是附加。

您需要更改

$('#paramBody').append('<tr>');
            $('#paramBody').append('<td>' + i + '</td>');
            $('#paramBody').append('<td>' + type + '</td>');
            $('#paramBody').append('<td><input name="Fields" type="' + type + '">').val(value);
            $('#paramBody').append('</tr>');

到

var rowHtml = '<tr>' + '<td>' + i + '</td>' + '<td>' + type + '</td>' + '<td><input name="Fields" type="' + type + '">' + value + '</tr>';
$('#paramBody').append(rowHtml);

Answer 3

将所有内容存储在var中，然后将其添加到dom：

var html = "";

html += '<tr>';
html += '<td>' + i + '</td>';
html += '<td>' + type + '</td>';
html += '<td><input name="Fields" type="' + type + '" value="' + value +'">';
html += '</tr>';

$('#paramBody').append(html);

使用javascript生成一个简单的表

3 个答案: