jquery - 如何在不使用for循环的情况下更改多个jQuery选定对象的样式？

Question

基本上，我尝试根据文本区域的行数来更改文本区域的高度，这与问题无关，但这里是在不使用 for 循环的情况下向每个文本区域添加事件监听器的编码:

$('textarea').keyup(function(event) {
    this.style.height = Math.floor(this.scrollHeight / 11) + '.1em';
});

这是我的 for 循环:

for (i=0; i<$('textarea').length; i++) {
    $('textarea')[i].style.height = Math.floor($('textarea')[i].scrollHeight / 11) + '.1em';
}

for 循环工作得很好，但只是为了干净和高效的编码，我希望它看起来更像第一个编码，而不需要 for 循环。

另外，请注意，所有这些都在 if document is read 函数中。

Answer 1

你可以尝试each()方法:

$('textarea').each(function(){
     $(this).css('height', Math.floor(this.scrollHeight / 11) + '.1em')
})

jQuery.each()