如何将textarea的每行内容按指定结构插入到id为rs的div中

问题原因 #

你当前的代码仅把换行符替换成了空的<div class='rslines'></div>标签，原本的行内容并没有被包裹进该div内部，自然会显示在div外面。

修改后的完整代码 #

JS部分 #

$('#addtext').click(function(){
    // 可选：如果不需要保留之前追加的内容，先清空容器
    $('#rs').empty();
    // 兼容不同系统的换行格式，将内容拆分为行数组
    var lineArr = $("#cmt_content").val().split(/\r?\n/);
    // 遍历每一行生成对应dom
    lineArr.forEach(function(line) {
        // 可选：过滤掉全空的行，不需要的话可以删掉这层if判断
        if (line.trim()) {
            $('#rs').append('<div class="rslines">' + line + '</div>');
        }
    });
});

注意修正HTML的小问题 #

你现有HTML里的rs容器标签写错了，多了冗余的转义引号，要改成：

<div id="rs"></div>

修改后就能实现每行内容都包裹在rslines类的div内部的效果了。

内容的提问来源于stack exchange，提问作者RKS