how to include html inside of javascript

Question

i have javascript jquery that looks like this:

var userInput = prompt("Liquid Handler #:", "Liquid Handler #:");
$(this).next('a').text('Liquid Handler #:' + userInput);

i would like to know how i can include html into the text something like this:

var userInput = prompt("Liquid Handler #:", "Liquid Handler #:");
$(this).next('a').text('Liquid Handler #:' + '<b>' + userInput + </b>);

how do i inject html into the javascript?

Answer 1

使用.html而不是.text 。

$(this).next('a').html('Liquid Handler #:<b>' + userInput + '</b>');

Answer 2

jQuery的.html（）方法应该有所帮助。

Answer 3

You could change your .text to .html but bear in mind this is prone to problems in the long run seeing as you'll have to escape anything that goes through it. A better way might be to do something like this:

$(this).next('a').text('Liquid Handler #:').append($("<b>").text(userInput));