php - Jquery 与另一个文本区域自动增长

Question

我有一个超过 1 的 JS textarea autogrow 和 textarea。例如，textarea 的 ID 为 1,2,3,4....

这里是 JS

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

这是文本区域：

<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>

查询

<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

假设只有那些 textareas 使用"comment"该类，那么您可以使用该类而不是 id 作为选择器：

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

或者使用使用通用名称的属性选择器：

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

或者使用带有 id的属性 starts-with 选择器：

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

类选择器是选择相似元素的最佳选择——如果有必要，只为这些元素添加另一个类。