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

How to set inner HTML of a span element using jQuery

本文关键字：内部 HTML 元素 span 何使用 jQuery 设置      更新时间：2023-09-26

下面给了我错误未捕获的语法错误：意外的标识符：

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

我该如何纠正此问题？

你没有转义单引号：

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

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

这不是使用 jQuery 的最佳方式...不建议使用点击属性。这是一个替代方案

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

相关文章：