Jquery的自動增長與另一文本區域

Question

我有一個JS textarea的自動增長和textarea的大於1在示例更textarea的具有ID 1,2,3,4 ....

這裏它是JS

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#ctextarea").autoGrow(); 
    }); 
</script> 

這是textarea的：

<textarea name="comment" class="comment" maxlength="200" id="ctextarea<?php echo $msg_id;?>"></textarea> 

現在我怎麼可以設置，如果我去的textarea 2,3,4 ... textarea的將自動增長？

感謝您的幫助！

Answer 1

給所有的文本區域，同一類......和jQuery的調用類選擇

HTML

<textarea name="comment" class="comment" maxlength="200" id="ctextarea<?php echo $msg_id;?>"></textarea> 
<textarea name="comment" class="comment" maxlength="200" ></textarea> 
<textarea name="comment" class="comment" maxlength="200" ></textarea> 

JQUERY

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".comment").autoGrow(); 
}); 

OR

您可以使用一個名稱選擇...

$('textarea[name="comment"]').autoGrow(); // this is jus an example coz i think u 'll not have all three textarea with the same name.... 

Answer 2

假設，只有那些文字區域使用"comment"類，那麼你可以使用類而不是ID作爲選擇：

$(".comment").autoGrow(); 

或者使用屬性

$('textarea[name="comment"]').autoGrow(); 

或者使用attribute starts-with selector與ID：

使用通用名稱選擇

$('textarea[id^="ctextarea"]').autoGrow(); 

類選擇器是選擇類似元素的最佳選擇 - 如果需要，可以將其他類添加到這些元素中。