Escaping single quote

Question

I have a div like this:

<div class='myclass'></div>

Sometimes i need to make these div dynamically and add another class to it. I do it like this

if(condition1)
  appendClass = 'xyz'
if(condition2)
  appendClass = 'abc'
if(condition3)
  appendClass = 'usb'

$('main').append("<div class = myclass "+ appendClass +"/>")

but when i check this div with firebug i get this

 <div class="myclass" xyz=""/>

which should have been

 <div class="myclass xyz"/>

I tries using append.replace(/"/g, '') but same result. Please help!!

Answer 1

$('main').append("<div class =' myclass "+ appendClass +"' />")

但我个人的喜好是：

$('main').append('<div class="myclass ' + appendClass + '"/>');

Answer 2

你也可以做这样的事情

$("<div>").addClass("myclass " + appendClass).appendTo($(".main"))

Answer 3

您可以混合使用单引号和双引号来引用字符串中的内容，例如...

$('.main').append("<div class='myclass " + appendClass + "' />")

Answer 4

尝试这个

$( ".myclass").addClass(appendClass);