jquery - 将段落值附加到文本区域

Question

我试图让一个简单的 jquery 函数工作，但它就是不动。我有一些 <p id="actor_name">具有不同的值。每个都在它自己的内部<div class=result> 。目标是取点击的值.result div 并将其附加到文本区域。我不敢相信我在让它发挥作用时遇到了困难。我什至制作了一个 JSFIDDLE 将其与我的应用程序的其余部分分开，但它仍然无法工作。

fiddle 在这里:JSFIDDLE 。

代码也在下面。我只是希望这不是一个丢失的半导体之类的东西，这样我就不会让自己看起来那么糟糕:/

html

    <div class="found_actors">
      <div class="result"><p id="actor_name">Actor Name1</p></div>     
      <div class="result"><p id="actor_name">Actor Name2</p></div>     
      <div class="result"><p id="actor_name">Actor Name3</p></div>     
      <div class="result"><p id="actor_name">Actor Name4</p></div>     
      <div class="result"><p id="actor_name">Actor Name5</p></div>     
    </div>

    <textarea readonly="" style="resize: none;" rows="20" cols="20" name="actors"></textarea>

jQuery

$(".result").click(function() {
                $("[name='actors']").append($("#actor_name").val());
            });

Answer 1

不要在多个 p 标签上使用相同的 id。我想这就是您所要求的:

$("[name='actors']").empty().append($(this).find('p').text());

如果您不想在每次点击时清除文本区域，请删除 .empty()。