javascript - 自动调整页面上多个文本区域的大小

Question

这些是自动调整单个文本区域大小的片段:

http://jsfiddle.net/ImpressiveWebs/fGNNT/1333/

http://jsfiddle.net/CbqFv/

例如在上面的第一个链接中，这是文本区域:

<textarea id="comments" placeholder="Type many lines of texts in here and you will see magic stuff" class="common"></textarea>

它会在输入文本时调整大小。

然而，与

<textarea id="comments" placeholder="Type many lines of texts in here and you will see magic stuff" class="common"></textarea>

<textarea id="comments" placeholder="Type many lines of texts in here and you will see magic stuff" class="common"></textarea>

只有第一个正在调整大小。如何让第二个也调整大小？

Answer 1

这很好用 http://jsfiddle.net/fGNNT/2219/ .使用类代替ID进行标识

// Bad
var txt = $('#comments'),
    hiddenDiv = $(document.createElement('div')),
    content = null;

// Good and working
var txt = $('.common'),
    hiddenDiv = $(document.createElement('div')),
    content = null;