javascript - 在加载时设置 JavaScript 中多个文本区域元素的高度

Question

在网页上，我要设置几个文本区域元素的高度以匹配其内容。我尝试过不同的方法，例如

var textarea = document.querySelectorAll('textarea');

$(document).ready(function(){
    for(var i = 0; i < textarea.length; i++){
    console.log("textarea="+textarea[i]);
  $("textarea").height( $("textarea")[i].scrollHeight );
}
});

但这将第一个元素的高度设置为最后一个元素的高度，如所示here .

如何确保页面上的每个 textarea 元素的高度都设置为适合加载的内容？

Answer 1

尝试使用 .each() JQuery 函数循环遍历所有文本区域，并结合选择器 this 来选择正确的 textarea :

$(function(){
    $('textarea').each(function(){
        $(this).height($(this)[0].scrollHeight );
    });
});