如何使用jquery在textarea中的每一行添加文本

Question

我想使用：

在textarea中的每一行添加文本

<textarea id="textarea1">text1


text2


text3


text4</textarea>

<textarea id="textarea2">one
two
three
four</textarea>

<button>process!</button>

Result:

text1 one


text2 two


text3 three


text4 four

Answer 1

尝试将换行符“\n”替换为“<br />”，例如：

var formattedString = yourString.replace(/\n/g, '<br />');

希望它有效。

Answer 2

我猜你想要这样的东西：

您需要从/s空格中拆分值以从文本框值中创建一个数组并循环它以附加它。

＆＃13;

＆＃13;

$('button').click(function() {
  var one = $.trim($('#textarea1').val()).split(' ');
  var two = $.trim($('#textarea2').val()).split(' ');

  $.each(one, function(i, v) {
    $('<p/>', {
      text: v + ":" + two[i]
    }).appendTo('.result');
  });

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea id="textarea1">
  text1 text2 text3 text4

</textarea>

<textarea id="textarea2">
  one two three four
</textarea>

<button>process!</button>
<div class='result'>

</div>

＆＃13;

＆＃13;

＆＃13;

Answer 3

点击此链接：https://jsfiddle.net/j0ftouwd/     或者请检查一下：$('#textarea1').val("Hello\n\nTest");

Answer 4

尝试

＆＃13;

＆＃13;

var result = $("#result");
$("button").on("click", function(e) {
    var el = $.map($("textarea"), function(el, i) {
        return [$(el).text().split(/[\b\s]/).filter(Boolean)]
    });
    el[1].map(function(val, key) {
        return result.append("<br />" + el[0][key] + " " + val + "<br />")
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<textarea id="textarea1">text1


text2


text3


text4</textarea>

<textarea id="textarea2">one
two
three
four</textarea>

<button>process!</button>

<div id="result">
Result:
<!--
text1 one


text2 two


text3 three


text4 four
-->
</div>

＆＃13;

＆＃13;

＆＃13;