Wie innere HTML eines span-Element setzen jQuery

Question

Die folgende mir den Fehler Uncaught Syntax gibt: Unerwartete Kennung:

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

Wie kann ich das korrigieren?

Answer 1

Es ist nicht die beste Art, jQuery zu verwenden ... onclick-Attribute werden nicht empfohlen. hier ist eine Alternative

//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 geändert el.on $ el.bind auf $, die, was heutzutage

Answer 2

Sie sind nicht die einfachen Anführungszeichen zu entkommen:

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

Sie können auch von der ersten $('span.xtro').html(''); loszuwerden, sollten Sie es nicht brauchen.