使用jQuery在同一类上执行多个事件

我使用jQuery（.append）动态生成了多个

当我添加一个新的

时，我还向它们添加了一些

，所以看起来像这样：

<textarea>...</textarea>
<div class="action">Click to add action to text areas</div>

<textarea>...</textarea>
<div class="action">Click to add action to text areas</div>

<textarea>...</textarea>
<div class="action">Click to add action to text areas</div>

...

问题是它只在我的div前面的

中添加一次

“新文本”

当我再次单击.action“div时，什么也没有发生，所以我想多次单击.action div，一次又一次地添加我的新文本

---

有什么想法吗？

问题出在你的线路上

.val($('textarea')

这是告诉jQuery查找textarea，而不是您正在修改其值的textarea。在函数内部创建局部变量应该为您澄清：

$(document).on("click", ".action", function() { 
    var $ta = $(this).prev('textarea');
    $ta.val($ta.val() + "\nNew Text");
});

---

问题出在你的线路上

.val($('textarea')

这是告诉jQuery查找textarea，而不是您正在修改其值的textarea。在函数内部创建局部变量应该为您澄清：

$(document).on("click", ".action", function() { 
    var $ta = $(this).prev('textarea');
    $ta.val($ta.val() + "\nNew Text");
});