Question

157

How to set inner HTML of a span element using jQuery

rated 0 times [ 162] [ 5] / answers: 1 / hits: 39918 / 12 Years ago, sun, april 8, 2012, 12:00:00

The following gives me the error 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');'>');

How can I correct this?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tomas

Add To Favorites

Follow

Total Points: 165

Total Questions: 111

Total Answers: 103

Location: Maldives

Member since Tue, Dec 21, 2021

2 Years ago

tomas questions

1 Restore scroll position when navigating with React Router 6

Thu, Jan 27, 22, 00:00, 2 Years ago

1 Chart.js remove gridline

Mon, May 10, 21, 00:00, 3 Years ago

1 Axios Error 401 (Unauthorized) Error when trying to fetch api

Thu, Mar 4, 21, 00:00, 3 Years ago

1 How do I wait for this animation to finish before moving on to the next one?

Mon, Feb 22, 21, 00:00, 3 Years ago

1 How to set html input tag width fit-content in css

Tue, Jan 5, 21, 00:00, 3 Years ago

View All

answered 12 Years ago rafael · Accepted Answer

It's not the best way of using jQuery... onclick attributes are not recommended. here's an 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 changed $el.bind to $el.on which is what is used nowadays