Question

我有这样的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, '')但结果相同。请帮忙!!

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);

逃避单引号

4 个答案: