如何使用 jQuery 在文本区域中的每一行添加文本

how to add text every line in textarea using jquery

本文关键字：文本 添加 一行 jQuery 何使用 区域      更新时间：2023-09-26

我想使用以下方法在文本区域中的每一行添加文本：

<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

我想你想要这样的东西：

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

$('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');
  });
});
<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>

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

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

希望它有效。

尝试

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 />")
    });
});
<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>

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

相关文章：