Question

我有一个JS textarea autogrow和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

给所有textarea，同一个类......并在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

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

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

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

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

或使用带有ID：{/ p>的attribute starts-with selector

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

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

Jquery autogrow与另一个textarea

2 个答案: