javascript - 动态添加文本区域数据到页面

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/