jQuery AutoRROW与另一个Textarea

Question

我有一个js textarea autrogrow和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();
 });

或

您可以使用名称选择器...

$('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();

或使用ID的属性开始与选择器：

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

类选择器是选择类似元素的最佳选择 - 如有必要