1

我有一个这样的div：

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

有时我需要动态地制作这些 div 并向其中添加另一个类。我这样做

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

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

但是当我用萤火虫检查这个 div 时，我得到了这个

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

应该是

 <div class="myclass xyz"/>

我尝试使用append.replace(/"/g, '')但结果相同。请帮忙！！

4

4 回答 4

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

但我个人的偏好是：

$('main').append('<div class="myclass ' + appendClass + '"/>');
于 2013-09-10T08:12:55.757 回答
2

你也可以做这样的事情

$("<div>").addClass("myclass " + appendClass).appendTo($(".main"))
于 2013-09-10T08:17:19.697 回答
1

您可以混合使用单引号和双引号来引用字符串中的内容，就像这样......

$('.main').append("<div class='myclass " + appendClass + "' />")
于 2013-09-10T08:13:18.260 回答
-1

试试这个

$( ".myclass").addClass(appendClass);
于 2013-09-10T08:26:36.733 回答