如何为每个jquery表情符号添加值

我有一个反馈表，为此我使用JQuery反馈库。 每个微笑都包含一些值，例如“生气”、“失望”、“喵喵”、“高兴”、“大笑”

每个微笑都有一定的价值

angry = unsatisfactory
laughing = excellent

这一切都很好，但我想要的是在形式上显示价值 比如说

在第一个笑脸的底部，它显示不令人满意

在第二个笑脸的底部，它显示坏

在第五个笑脸的底部，它表现得非常出色

var emotionsArray=[“生气”、“失望”、“喵喵”、“高兴”、“大笑]； $'.SmileRating'.eachfunction{ var name=$this.data'name'； $this.emotionsRating{ 情绪大小：35， inputName:name， 情绪：“快乐”， 情绪：情绪，莎拉， 颜色：“FF0066”，//颜色必须用css代码表示 disabled:false，//设置评级是否可以更改，默认为falseS ME }; }; 反馈 1.服务质量。 您对我们的服务有多满意？ 2.食品质量。 你对我们的食物满意吗？ 3.休息室的清洁。 您对Marhaba休息室的清洁有多满意？ 4.员工的友善 您对我们的员工有多满意？ 5.总体经验。 您对马尔哈巴休息室的满意度如何？ 有价值的建议。

---

您可以尝试以下方法：

$('.emotion-style').on('click', function(e) {
    var trigger = $(this),
        value = trigger.data('index');

    $('.emotion-container').append('<span>'+emotionsArray[value]+'</span>');

});

我在上使用了示例代码，类名可能与您的不同

---

此外，您还可以添加一个.on“hover”事件侦听器，以显示他们将要单击的值。

这是您想要的行为吗？ 就像在你的代码片段中，我不知道为什么只有最后一个正确显示图标，但是告诉我anwyay

var emotionsArray=[“生气”、“失望”、“喵喵”、“高兴”、“大笑]； $'.SmileRating'.eachfunction{ var name=$this.data'name'； $this.emotionsRating{ 情绪大小：35， inputName:name， 情绪：“快乐”， 情绪：情绪，莎拉， 颜色：“FF0066”，//颜色必须用css代码表示 disabled:false，//设置评级是否可以更改，默认为false }; }; $'.emotion style'。单击，函数E{ value=$this.data'index'； //删除当前的.emotion文本（如果存在） $this.closest'.emotion container'.find'.emotion text'.remove； //将情感文本添加为跨度 $this.closest'.emotion container'.append+emotionsArray[value]+； }; 身体{ 背景：aaa； } agileinfo{ 背景色：白色； 颜色：e60053 } .agileinfo:悬停{ 背景色：e60053； 颜色：白色； } /*添加了下面的代码，对JS代码添加的类进行样式化*/ .情感文本{ 边际：0.16px； 颜色：e60053 } 反馈 1.服务质量。 您对我们的服务有多满意？ 2.食品质量。 你对我们的食物满意吗？ 3.休息室的清洁。 您对Marhaba休息室的清洁有多满意？ 4.员工的友善 您对我们的员工有多满意？ 5.总体经验。 您对马尔哈巴休息室的满意度如何？ 有价值的建议。

---

请将函数emotionsRating添加到我为您制作的代码片段这是一个jQuery插件，如果我想在右角显示它而不是left@Faizan我编辑。更好地针对JS代码，添加一个类，然后您可以使用CSS进行样式化。