javascript - jQuery:追加到文本区域内段落的 html 的最佳方式

Question

我有一个包含可变 html 内容的文本区域，它总是包含在段落 (p) 标记中。

HTML(附加前):

<textarea rows='7' class='form-control' id='comments'><p>My variable HTML content.</p></textarea>

我在 jQuery 中使用以下内容获取此内容:

jQuery:

$('#comments').val();

现在我需要在本段末尾但在 p 标记内附加 HTML。

HTML(附加后):

<textarea rows='7' class='form-control' id='comments'><p>My variable HTML content. Some appended HTML.</p></textarea>

我当然可以替换上面的最后 4 个字符(即结束 p 标签)，然后附加我的 HTML，然后再次添加结束 p 标签。有人能告诉我是否有更好的方法在 jQuery 中实现相同的目的吗？

非常感谢蒂姆。

Answer 1

将textarea的字符串值解析为HTML，插入任意内容，然后将HTML的字符串值传回

$('#comments').val(function(_, val) {
    return $('<div />', {html:val}).find('p').append('content').end().html();
});

FIDDLE