Question

如何将此textarea数据转换为div？我已经尝试.append()和.val()以及.text()，但这对我没有帮助。

HTML：

<textarea id="Input" cols="50" rows="5">
    Insert text to be modified here
</textarea>
<div id="txt"></div>
<p><button id="append">Append</button></p>

jQuery的：

$( "#append" ).click( function() {
    ( "#txt" ).append( function() {
        ( "Input" ).val();
    });
});

Answer 1

.append()用于将新的HTML元素附加到DOM，而不是用于连接文本。使用.text()设置DIV的文本，使用+运算符来连接字符串。

$( "#append" ).click( function() {
    $( "#txt" ).text( function(i, oldtext) {
        return oldtext + $("#Input").val();
    });
});

DEMO

实际上，在修复了一些语法错误后，您的代码才能正常工作。您在$ ID之前的某些选择器#之前错过了Input，而您传递给.append()的功能没有return声明。修复这些，这有效：

$( "#append" ).click( function() {
    $( "#txt" ).append( function() {
       return '<br>' + $( "#Input" ).val();
    });
});

DEMO

Answer 2

您可以使用.text()：

$("#append").click(function() {
    $("#txt").text($("#Input").val());
});

Fiddle

<强>更新即可。多个追加：

$("#append").click(function() {
    $("#txt").text($("#txt").text() + " " + $("#Input").val());
});

Fiddle

如何将文本从文本框附加到div？

2 个答案: