如何使用jQuery设置span元素的内部HTML

Question

以下给出了错误Uncaught SyntaxError:意外的标识符:

$('span.xtro').html('');
$('span.xtro').html('<input type='button' class='newbutton send' value='Send request' onclick= 
                      "javascript:request('send','1','2');'>');

我怎么能纠正这个？

Answer 1

你没有逃避单引号:

$('span.xtro').html('<input type="button" class="newbutton send" value="Send request"'
                  + ' onclick="request(\'send\',\'1\',\'2\');">');

你也可以摆脱第一个$('span.xtro').html('');,你不应该需要它.

Answer 2

这不是使用jQuery的最佳方式...不建议使用onclick属性.这是另一种选择

//note wrapping with double quotes and using single ones inside 
var $el = $( "<input type='button' class='newbutton send' value='Send request'>" );
$el.on( 'click', function(){ request('send','1','2'); } ); 
$('span.xtro').html('').append( $el );

EDIT将$ el.bind更改为$ el.on,这是现在使用的