javascript - 将 textarea 数据动态添加到页面

Question

我有以下 jQuery 代码，它获取一组文本框中的所有文本，然后<h2></h2>在新的“”标签之间的页面上其他位置显示文本<div>。

该代码确实有效，但由于某种原因，它<h2></h2>在末尾添加了一个额外的空白。

因此，例如，如果页面上有 3 个文本框，它将显示这 3 个，然后<h2></h2>在末尾添加一个空，如下所示：

   <div id="desc1">
       <h2>description 1</h2>
       <h2>description 2</h2>
       <h2>description 3</h2>
       <h2></h2>    <!--why is this here?-->
   </div>

我不知道发生了什么事。有人可以提供任何建议吗？

var newDiv = $("<div>").attr("id", 'desc' + counter);

var descriptions;
$(function () {
       descriptions = $('textarea.descriptionTxt').map(function () {
            return "<h2>" + this.value + "</h2>";
       }).get();
       $(newDiv ).html(answers.join(''));
});

$(newDiv).insertAfter(titleDiv).html();

谢谢！

Answer 1

也许您的最后一个描述是空的？尝试：

   descriptions = $('textarea.descriptionTxt[value!=""]').map(function () {
        return "<h2>" + this.value + "</h2>";
   }).get();

• http://api.jquery.com/attribute-not-equal-selector/