将段落的值附加到文本区域 [英] Append value of paragraph into textarea

问题描述

我正在尝试使用一个简单的jquery函数，但是它不会让步.我有一些 <p id="actor_name">具有各种值.每个都在其自己的<div class=result>内部.目标s获取单击的.result div的值并将其附加到文本区域.我不敢相信我很难让它正常工作.我什至制作了一个JSFIDDLE使其与我的应用程序的其余部分分开，但它仍然无法正常工作.

I am trying to get a simple jquery function to work, but it just won't budge. I have several <p id="actor_name">with various values. Each is inside it's own <div class=result>. The goal s to take the value of the clicked .result div and append it to a textarea. I can't believe I am heaving trouble getting this to work. I even made a JSFIDDLE to separate it from the rest of my application and it still won't work.

小提琴在这里: JSFIDDLE .

代码也在下面.我只是希望那不是像丢失的半骗子那样的东西，所以我不会让自己看起来很糟糕:/

The code is also below. I just hope it's not something like a missing semi con, so I don't make myself look so bad :/

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());
            });

推荐答案

不要在多个p标签上使用相同的ID.我想这就是您要的:

Don't use the same id on several p tags. I suppose this is what you're asking for:

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

如果不想每次单击都清除文本区域，请删除.empty().

Remove .empty() if you don't want to clear the textarea on each click.

这篇关于将段落的值附加到文本区域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！