jquery - jQuery append() 的替代方法

Question

向元素添加文本时，jQuery 的append() 函数会在文本周围添加引号。我想改变这一点，而是用逗号或我想出的任何东西来分隔值。有没有一个append()的替代方法可以做到这一点？

为了给它一些上下文，我使用 jQuery 动态写入隐藏的 <input>元素。

目前，经过一些添加(使用追加)后，生成的 HTML 如下所示:

<input type="hidden">"first"
    "second"
    "third"
</input>

在理想的情况下，HTML 应该看起来像这样:

<input type="hidden">first, second, third</input>

使用jQuery读取、连接、然后替换原来的<input> text 可能有效，但我没有看到一个函数可以批量替换innerHTML(我假设它就是这样称呼的)。

想法？

Answer 1

在 jquery 中:

<div id="test"></div>

$('#test').append('a');
$('#test').append('b');

will look like this (in chrome dev tool):
<div id="test">
"a"
"b"
</div>

同时

<div id="test"></div>

$('#test').html($('#test').html() + 'a');
$('#test').html($('#test').html() + 'b');

will look like this:

<div id="test">ab</div>

两种情况下的 dom 树是相同的，只是它在 chrome 开发工具中显示它并带有引号(它们并不真正存在，右键单击 -> 编辑为 html，它们就会消失)