多个textrea如何监控在表格中换行进行同步下移

1、表格中都是textarea.然后进行编辑键盘是enter换行。代码则是\n标签

2、对文本域进行编辑随着内容增加td会无限往下拉伸，注意：而不是出现滚动条

3、代码实例：

<textarea οninput="changeInput(this)" autoHeight="true" type="text" maxlength="1000"
    placeholder="说说你的感受吧" autocomplete="off" class="layui-textarea"></textarea>

changeInput(t) { 
    if ($(t).val()) {
        $(t).next('.input-clear').show();   //控制全清除按钮图标显示
        if ($(t).height()>180){
            $(t).height(this.scrollHeight);
        }else{
            $(t).height({height:'180px'});
        }
    } else {
        $(t).next('.input-clear').hide();   //控制全清除按钮图标隐藏
    }
};

$(function () {
    $.fn.autoHeight = function () {
        function autoHeight(elem) {
            elem.style.height = 'auto';
            elem.scrollTop = 0;  //防抖动
            if (elem.scrollHeight<180){
                // elem.scrollHeight = 180;
                elem.style.height = '180px';
            }else{
                elem.style.height = elem.scrollHeight  + 'px';
            }
        }
        this.each(function () {
            autoHeight(this);
            $(this).on('keyup', function () {
                autoHeight(this);
                备注：这个前面在外面使用，后面在内部使用：
                bfScrollTop = $window.scrollTop();
                $('.container').scrollTop(bfScrollTop);                        
            });
        });
    }
    $('textarea[autoHeight]').autoHeight();
})

这是另一种：

$('[autoTextArea]').each(function () {
    $(this).css({'height': '22px'}).height(this.scrollHeight);
}).on('input', function () {
    $(this).css({'height': '22px'}).height(this.scrollHeight);
});