Javascript chrome控制台中的Html与浏览器中的Html不同……这怎么可能呢？

从表单中，我将输入字段中的一些值存储在变量中，并在jquery中使用.html构建了如下表：

var name = $('#name').val();
var age = $('#age').val();

$('table tbody').html('
<tr id="uniqueId">
<td id="name">name</td>
<td id="age">age</td>
</tr>'
)

---

没有结果..有什么想法吗？

你的唯一ID毕竟可能不是那么“独特”。检查整个HTML标记中是否只有一个ID。另外，出于测试目的，不要选择按id，而是按类名。如果这样做有效，那么不可否认您有多个“唯一”ID。

我在这里注意到了一些问题

一,。您对.html“…”和“；”都使用了单引号；，并声明ID在其中。将其更改为.html。。。相反

二,。请看一下您的第一个代码片段中的这些行

var name = $('#name').val();
var age = $('#age').val();

<td id="name">name</td>
<td id="age">age</td>

$('#uniqueId').html('
   <tr id="uniqueId">
   <td id="name">NewName</td>
   <td id="age">NewAge</td>
   </tr>'
)

这会引起一些问题。你不仅在a中插入了a，而且它们有相同的ID。我认为你应该这样做

$('#uniqueId').html('
   <td id="name">NewName</td>
   <td id="age">NewAge</td>'
)

---

您的javascript代码是错误的。首先，关于宣言：

$('table tbody').html("<tr id='uniqueId'>" +
"<td id='name'>Name</td>" + 
"<td id='age'>Age</td>" +
"</tr>"
)

然后在函数上：

$('#uniqueId').html("<tr id='uniqueId'> +
   "<td id='name'>NewName</td>" +
   "<td id='age'>NewAge</td>" +
   "</tr>'"
);

---

我很好奇这个Javascript是如何工作的，即使它真的工作了，因为您使用单引号打开.html，然后还声明了其中的ID。您需要用id=uniqueid替换所有id='uniqueid'，等等，或者用do.html代替.html'。我有点不清楚你的问题，但如果这是相关的，我不会感到惊讶。不，代码是好的，我写太快的代码时，我张贴的问题…现在我要编辑的code@Stormhashe除此之外，如果使用相同的引号，则编写的代码无效，因为您正在关闭字符串，而不是在字符串中写开头引号。@StormHash…你误解了。Doing.html“这是无效的”；不起作用，因为中的单引号不是字符串的结尾。你所要做的就是看看语法高亮显示，看看我的意思。还有，razer，你的名字和年龄都是.val，但这些都是。它们使用.html或.text，而不是.val。不确定它是否能解决您的问题，但您正在标记中插入一个标记。选择uniqueId时，您选择的是一个表行。然后将innerHTML设置为另一个表行。因此，您的最终标记将是。。。诸如此类。无论采用何种解决方案，这都会在您的页面上产生一些f-ed标记。好的，非常感谢，伙计，我在引号和ID方面犯了很多错误。。。

$('table tbody').html("<tr id='uniqueId'>" +
"<td id='name'>Name</td>" + 
"<td id='age'>Age</td>" +
"</tr>"
)

$('#uniqueId').html("<tr id='uniqueId'> +
   "<td id='name'>NewName</td>" +
   "<td id='age'>NewAge</td>" +
   "</tr>'"
);