javascript - 如何使用 jQuery 设置 span 元素的内部 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

您没有转义单引号：

$('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，这是现在使用的