Declaring a variable with html in it, and inserting the variable by using .insertAfter

Question

I was wondering if I could declare html as a variable. In other words, something like this:

$(document).ready(function(){

  var Bold="Yes!  There is bold in the text above!!";
  var NoBold="No... There isn't any bolded text in the paragraph above..";
  var BoldButton="<input class="BoldButton" type="button" value="bold" id="WelcomeBoldButton">";

  $(BoldButton)
  .insertAfter('#intro');

});

And then, using the .insertAfter action, place it into my page at different intervals:

$(BoldButton).insertAfter(#'intro');

This doesn't appear to work, am I close to something though?

Stefan Kendall · Accepted Answer · 2010-07-29 21:20:58Z

4

Your quotes are broken. Use ' within ", " within ', or escape the quotes.

$(document).ready(function(){

  var bold="Yes!  There is bold in the text above!!";
  var noBold="No... There isn't any bolded text in the paragraph above..";
  var $button = $("<input class='BoldButton' type='button' value='bold' id='WelcomeBoldButton'>");
  $('#intro').after( $button );
});

$button.insertAfter( $('#intro') ) would also work.

answered Jul 29, 2010 at 21:20

Stefan Kendall

68.2k69 gold badges259 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user113716 · Accepted Answer · 2010-07-29 21:27:20Z

3

Your quotation mark is misplaced.

This:

$(BoldButton).insertAfter(#'intro');

should be:

$(BoldButton).insertAfter('#intro');

If you want only double quotes, you can escape them like this:

var BoldButton="<input class=\"BoldButton\" type=\"button\" value=\"bold\" id=\"WelcomeBoldButton\">";

edited Jul 29, 2010 at 21:27

answered Jul 29, 2010 at 21:18

user113716

323k64 gold badges454 silver badges441 bronze badges

5 Comments

Qcom Over a year ago

Wow, sorry I had to bother you with that! It actually still isn't working, but lemme check it out again..

Andy E Over a year ago

Actually, insertAfter() is probably what he wants. api.jquery.com/insertAfter

Andreas Köberle Over a year ago

And this: var BoldButton="<input class="BoldButton" type="button" value="bold" id="WelcomeBoldButton">"; should be var BoldButton='<input class="BoldButton" type="button" value="bold" id="WelcomeBoldButton">';

Qcom Over a year ago

Is that because I'm using HTML in my variable, because I can declare string variables with double quotations just fine, but when I did the HTML, it didn't work.

user113716 Over a year ago

@BOSS - Doesn't matter if you use single or double. It is just that if you use only one type, you'll end up terminating the string before you intend. Otherwise, you would need to escape the quotes.

Collectives™ on Stack Overflow

Declaring a variable with html in it, and inserting the variable by using .insertAfter

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related