Как установить внутренний HTML из двускатной элемента с помощью JQuery

Question

Следующая дает мне ошибку неперехваченным SyntaxError: Неожиданное идентификатор:

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

Как я могу исправить это?

Answer 1

Это не лучший способ использования 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 который является то, что используется в настоящее время

Answer 2

Вы не избежать одинарные кавычки:

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

Вы также можете избавиться от первого $('span.xtro').html('');, вам не нужно это.