javascript - 如何使用 jQuery 将 的标题属性复制到文本区域

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 id="comments" name="comments"></textarea>             

Answer 1

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

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

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