Question

我正在为我的评论添加表情符号

我使用以下代码

      <span class="smilies" id="angry" title="X-("></span>

其中

.smilies{
background: url("../images/smilies-sprite.png");
display: inline-block;
height: 22px;
margin-bottom: -7px;
width: 24px;
}

#angry{
  background-position: -70px -10px;
}

我希望当有人点击 id = angry 时，id = angry shell的title属性被复制到我的评论textarea

    <textarea id="comments" name="comments"></textarea>

Answer 1

$("#angry").click(function(){
 $("#comments").val($(this).attr("title"));
});

Answer 2

这应该做，适用于任何表情符号

$('span.smilies').on('click', function() {
    var comments = $('#comments');
    comments.val(comments.val() + $(this).attr('title'));
});

http://jsfiddle.net/infernalbadger/JVDES/

Answer 3

将它添加到当前textarea行的末尾，您可以执行类似

的操作

$('#angry').click(function(){

    var smiley = $(this).attr('title');
    $('#comments').val($('#comments').val()+smiley);

});

然而，更好的方法是查找插入符号。这样你就可以插入插入符号（闪烁的线条）。谷歌它应该有很多关于它的信息。 BBCode编辑器是您可能想要查看的内容。

Answer 4

这是一个例子。点击事件将设置标题的值

$('#angry').click(function() {
  $('#comments').val($(this).attr('title'));
});

Answer 5

$('#angry').click(function() {
  $('#comments').val($('#comments').val() + $('#angry').attr('title'));
});

如何使用jQuery </span>将<span>的title属性复制到文本区域

5 个答案: