使用JQuery扩展多个textareas

Question

我是JQuery或Javascript的新手，但我不知道为什么，只有一个我的textarea扩展，但其他没有。我找到了这段代码，但我不知道，如何解决这个问题。您可以在 JSFiddle

中对此进行测试

有JQuery

var textarea = document.querySelector('.text1, .text2');

textarea.addEventListener('keydown', autosize);

function autosize(){
  var el = this;
  setTimeout(function(){
    el.style.cssText = 'height:auto; padding:0';
    el.style.cssText = 'height:' + el.scrollHeight + 'px';
  },0);
}

Answer 1

使用document.querySelectorAll()获取元素列表，然后迭代绑定事件处理程序。

var textarea = document.querySelectorAll('.text1, .text2');
for (var i = 0; i < textarea.length; i++) {
  textarea[i].addEventListener('keydown', autosize);
}

Fiddle