键入后无法追加文本区域。此外，不能附加新文本

Question

我是 javascript 和 jquery 的新手。在学习这一点时，我遇到了一些问题。我想知道我在这里做错了什么。我正在使用 textarea 元素进行输入。当我运行下面的 jQuery 脚本时，它会发布到我称为 read-post 的潜水，但我无法运行 click 函数以附加到 textarea。此外，如果我开始在文本区域中输入，我将无法附加到文本区域。但是，如果我开始 frest 我可以追加到 textarea 没问题。

$(".btn-post").click(function() {
  $("div").append($("textarea").val() + '<br />');
  $("textarea").val('');
  $("textarea").html('');
});

$("div #icon > span").click(function() {
  $(".textarea").append($(this).text());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row post-body">
  <div class="col-2 p-0 post-img-holder my-auto p-1">
    <div class="embed-responsive embed-responsive-1by1 text-center">
      <div class="embed-responsive-item">
        <a href="uuid">
          <img class="post-img" src="$imgPath">
        </a>
      </div>
    </div>
  </div>
  <div class="col-10 p-0">
    <textarea class="post-input" type="textblock" placeholder="What do you want to share, uuid?"></textarea>
  </div>
</div>
<div class="row post-footer">
  <div class="col-10 float-left dropdown">
    <a class="dropdown-toggle emoji-icon" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">????</a>
    <div id="emoji-icon" class="dropdown-menu" aria-labelledby="dropdownMenuButton">
      <span>&#x1F600;</span><span>&#x1F603;</span><span>&#x1F604;</span><span>&#x1F601;</span><span>&#x1F606;</span>
      <span>&#x1F605;</span><span>&#x1F923;</span><span>&#x1F602;</span><span>&#x1F642;</span><span>&#x1F643;</span>
    </div>
  </div>
  <div class="col-2 float-right">
    <button class="btn btn-secondary btn-sm btn-post" type="post">Post</button>
  </div>

Answer 1

https://jsfiddle.net/hmwLox17/ 你有两个缺少其中一个是你的图标 id 是#emoji-icon 但你只写了#icon， 第二个缺失是你应该写 $("textarea") 但你写了 $(".textarea")

$(".textarea") 表示你有一个类为 textarea 的元素

#icon 表示你有 id 为 icon 的元素

 $("div #emoji-icon > span").click(function(){
       $("textarea").val($("textarea").val()+$(this).text());
   });