我试图让一个简单的 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());
});
最佳答案
不要在多个 p 标签上使用相同的 id。我想这就是您所要求的:
$("[name='actors']").empty().append($(this).find('p').text());
如果您不想在每次点击时清除文本区域,请删除 .empty()
。
关于jquery - 将段落值附加到文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20914099/