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

Question

以下给我错误Uncaught SyntaxError: Unexpected identifier ：

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

我该如何纠正这个问题？

Answer 1

你不是 escaping 单引号：

$('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 );

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