javascript - 使用 JQuery 附加输入框

Question

我试图将文本添加到 id #shouttext 的字段中，但我需要 trim onclick 事件中的值，该事件位于 (' 并删除 ') 符号之后。

所以如果我有

<img src="images/smilies/at.png" alt="" title="" class="smilie smilie_9 smilie_pointer" onclick="MyBBEditor.insertText(':at:');">

我想要得到

:at:

并将其添加到带有 #shouttext id 的输入中。下面是我的代码，它不起作用 - 我认为它被定义的 onclick 值阻止，我试图删除它。

<script type="text/javascript">
$( document ).ready(function() {
$('.smilie').click(function()
{
   var s1,s1;
   s1=attr("onclick");
   s1=s1.replace('MyBBEditor.insertText(\'', '');
   s2=s1.replace('\')', '');
   $('.smilie').attr('onclick','').unbind('click')
   $('#shouttext').val($('#shouttext').val()+s2);
}) 
});
</script>

感谢您提前提供的任何帮助!

Answer 1

你也可以尝试:

var str = $(".smilie").attr("onclick").split("'")[1];

要获取:at:，请在此处尝试:fiddle 现在您可以在这里使用它:

$('.smilie').unbind("click");
$('.smilie').click(function() {
    var str = $(".smilie").attr("onclick").split("'")[1];
    $('#shouttext').val($('#shouttext').val() + "" + str);
});

或者 @eg_dac 所说，您可以使用 $.on() 覆盖 click 事件