Javascript 如何使用jquery发送表情符号？

在我的网页中，我有一个输入法和一个按钮，可以打开一个带微笑的弹出窗口。例如，当用户轻触微笑一次时，输入值将更改为“当前值”+'：smile1:”。然而，我有大约28个微笑图标，这种发送表情符号的方式有点困难。如何使此过程更容易？因为在这之后，我需要解析所有28个微笑，并检查输入值是否等于其中一个

我的弹出窗口：

<div class="smile-popuptext" id="smPopup">
<div class="smile1"></div>
<div class="smile2"></div>
<div class="smile3"></div>
//.....and other 25 divs
</div>

---

我建议给所有按钮一个单独的类，并给它们唯一的id

比如说：

<div class="smile-popuptext" id="smPopup">
<div class="smile" id="smile1"></div>
<div class="smile" id="smile2"></div>
<div class="smile" id="smile3"></div>
//.....and other 25 divs
</div>

---

我建议给所有按钮一个单独的类，并给它们唯一的id

比如说：

<div class="smile-popuptext" id="smPopup">
<div class="smile" id="smile1"></div>
<div class="smile" id="smile2"></div>
<div class="smile" id="smile3"></div>
//.....and other 25 divs
</div>

---

您可以在容器上绑定EventListener，并将该值定义为数据属性：

var container=document.querySelector'.smile poputext'； container.addEventListener'click'，functionevent{ var target=event.target； var emoji=target.getAttribute'data-emoji'； ifemoji{ console.log'clicked'，['：'，emoji'，：'].join； } }; 1. 2. 3.

---

您可以在容器上绑定EventListener，并将该值定义为数据属性：

var container=document.querySelector'.smile poputext'； container.addEventListener'click'，functionevent{ var target=event.target； var emoji=target.getAttribute'data-emoji'； ifemoji{ console.log'clicked'，['：'，emoji'，：'].join； } }; 1. 2. 3.

---

在标记中没有更改的情况下：

$'SMPOUPdiv[class^=smile]'。单击，函数{ var message=$'message.val+'：'+this.className+'：'； $'message'.valmessage； }; 微笑1 微笑2 微笑3

---

在标记中没有更改的情况下：

$'SMPOUPdiv[class^=smile]'。单击，函数{ var message=$'message.val+'：'+this.className+'：'； $'message'.valmessage； }; 微笑1 微笑2 微笑3

---

我可以假设你的课程是不正确的。你能修改你自己的代码并显示一个吗？看看emojieone decyphring你的问题我可以假设你的类是不正确的。你能修好你自己的代码并显示一个吗？如果这些类不同，每个类都有不同的选项。但是谢谢，我一直在寻找类似的东西。你应该能够在CSS中使用id做与你在类中所做的相同的事情。为每个表情符号创建一个新类可能是不必要的，尽管我认为这取决于上下文。这些类是不同的，每个类都有不同的选项。但是谢谢，我一直在寻找类似的东西。你应该能够在CSS中使用id做与你在类中所做的相同的事情。为每个表情符号创建一个新类可能是不必要的，尽管我认为这取决于上下文。谢谢，我会保留它！谢谢，我会保留它的！

$('.smile').on('click', function () {
  var message = $('#message').val() + ' :' + this.id + ':';
  $('#message').val(message);
});