Adding HTML code with Single Quotes inside jQuery

Question

I am trying to add this HTML/JavaScript code into a jQuery variable. I've managed to insert double quotes by writing is with a backshlash \", however the same tactic didn't work for the single quotes:

ajaxData += '<div class=\"menu-item-' + $(this).attr('div') + 'onclick=\"alert('Jquery Function');\"></div>';

Specifically, this part onclick=\"alert('Jquery Function');

Anyone know how I can go around this?

Even if you didn't want PHP solution. We actually wrote for JS version. because your + concatenation is for JS but not for PHP. — Asif Salahuddin Ghazi
– Asif Salahuddin Ghazi, Commented Dec 11, 2012 at 19:02
tip: in javascript you use " and ' for strings and in both you can use escaping such \', \", and \n. And in the html attributes the standard says the use of " as string delimiter. — Felipe Buccioni
– Felipe Buccioni, Commented Dec 19, 2012 at 19:12

Asif Salahuddin Ghazi · Accepted Answer · 2012-12-11 19:07:42Z

7

See this, its beautiful:

ajaxData += '<div class="menu-item-' + $(this).attr('div') + ' onclick="alert(\'Jquery Function\');"></div>';

edited Dec 11, 2012 at 19:07

answered Dec 11, 2012 at 17:54

Asif Salahuddin Ghazi

61017 silver badges38 bronze badges

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

6 Comments

Asif Salahuddin Ghazi Over a year ago

@Mr.Alien most possibly! Being positive you know :p

pufAmuf Over a year ago

I'm really sorry! I was tired. This is a jquery variable.

Asif Salahuddin Ghazi Over a year ago

You didn't have to tell its a jQuery variable. Because once its concatenated with + its obviously is JS.

pufAmuf Over a year ago

Thank you! However, the code you posted produces <div class="menu-item-purple onclick=" function');"="" alert('jquery=""></div>

Asif Salahuddin Ghazi Over a year ago

should be okay now. I added a space before onclick attribute.

|

Mr. Alien · Accepted Answer · 2012-12-11 17:54:24Z

2

Dirty escape pheeww...Try this

ajaxData += '<div class="menu-item-' + $(this).attr('div') + 'onclick="alert(\'Jquery Function\');"></div>';

answered Dec 11, 2012 at 17:54

Mr. Alien

158k36 gold badges307 silver badges287 bronze badges

Comments

Rohit Choudhary · Accepted Answer · 2012-12-11 17:55:44Z

2

ajaxData += '<div class="menu-item-' + $(this).attr('div') + 'onclick="alert('Jquery Function');"></div>';

add escape \ for single quotes. if your string is within single quotes then you can use double quotes without escape but if using single quotes within single quote then you have to insert escape character

answered Dec 11, 2012 at 17:55

Rohit Choudhary

2,2571 gold badge24 silver badges35 bronze badges

1 Comment

Asif Salahuddin Ghazi Over a year ago

Escape the single quote inside alert.

Felipe Buccioni · Accepted Answer · 2013-06-24 22:30:03Z

2

This is are you trying to do?

$var = "ajaxData += '<div class=\"menu-item-' + \$(this).attr('div') + '" onclick=\"alert(\'Jquery Function\');\"></div>';"

edited Jun 24, 2013 at 22:30

answered Dec 11, 2012 at 18:01

Felipe Buccioni

19.9k2 gold badges31 silver badges32 bronze badges

Collectives™ on Stack Overflow

Adding HTML code with Single Quotes inside jQuery

4 Answers 4

6 Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related