如何将选中的列表项内容添加至textarea，已有内容则追加至末尾？

要实现点击列表项后将其内容添加到textarea，已有内容则追加的效果，可以用以下代码实现：

HTML 结构 #

<!-- 先引入jQuery库 -->
<ul id="box">
  <li>Text1</li>
  <li>Text2</li>
  <li>Text3</li>
</ul>
<textarea id="id-of-your-textarea"></textarea>

JavaScript 逻辑 #

// 给每个列表项绑定点击事件
$('#box li').click(function() {
  // 将当前点击的列表项文本追加到textarea中
  $('#id-of-your-textarea').append($(this).text());
})

说明 #

• 点击任意<li>元素时，会获取该元素的文本内容，通过jQuery的append()方法直接追加到textarea的现有内容之后，无需额外判断textarea是否为空——append()方法会自动处理两种情况：为空时直接添加，有内容时在末尾追加。

内容的提问来源于stack exchange，提问作者sam