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

时间:2012-04-08 14:44:13

标签: javascript jquery

以下内容为我提供了错误 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');'>');

如何更正?

2 个答案:

答案 0 :(得分:10)

你没有逃脱单引号:

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

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

答案 1 :(得分:5)

这不是使用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