Using variables with jQuery's replaceWith() method

Hi David!

Is qOneSmall the class or ID of your element?

If so, you'll want to do something like this:

//store the html you would like to use in a variable as a string.
var contentHTML = '.......all the html'; 

// then use JQuery to set the html contents of your element to the contentHTML variable.
$('.qOneSmall').html(contentHTML);

You can even try it on this page if you open up the console. For instance I can replace your question paragraph with a variable like so:

var contentHTML = 'ALL THE HTML!!!!';
$('.question').html(contentHTML);
// Here I'm querying the element with the class 'question' (which is the class assigned to your question div) and replaces it with the contents of the variable 'contentHTML'.

You can copy and paste the code in your console to see what I mean.

If you're just trying to store the contents of the qOneSmall class/id and then use the JQuery replaceWith() method you can do this:

var $qOneSmall = $('.qOneSmall').html();

That will capture the html in the qOneSmall class. If it's an ID you're referring to then you would replace the period with a #.

You would then call the replaceWith method on the variable:

$qOneSmall.replaceWith(**whatever variable you stored the new html in**);

Hope that helps!

As it turns out the problem was that I wasn't escaping between lines correctly. To solve the problem I just put all the HTML on one line.