Javascript 如何将jQuery构造函数与多种类型的html值一起使用

我使用jQuery构造函数方法创建一些内容并将其插入整个DOM。每次调用它时，我都想创建一个带有

class=“artistContactsContainer”

的父div，一个带有

class=“contactSwitch”

的子锚定标记，以及一个在

Each（）

循环的每次迭代中都会不同的子div（

contents

）

var artists = {

        formatContacts : function() {

            var contactsContainer = function (contents) {
                // Constructor
                return $('<div/>', {
                    'class' : 'artistContactsContainer',
                    'html' : '<a href="#" class="contactSwitch"></a>' + contents
                });
            };

            $('.event-content-list').find('li').each(function(){
                var $this = $(this),
                    contacts = $this.find('.artistContacts');
                $this.find('.artistName').after( contactsContainer(contacts) );
            });
        }

};

var={
formatContacts:function（）{
var contactsContainer=功能（内容）{
//建造师
返回$（''）{
“类”：“artistContactsContainer”，
“html”：“”+内容
});
};
$（'.event content list'）。查找（'li'）。每个（函数（）{
变量$this=$（this），
contacts=$this.find（'.artistContacts'）；
$this.find（'.artistName'）。在（contacts联系人（contacts））之后；
});
}
};

问题是，我似乎不能将两种不同的类型作为“html”属性的值。上面输出锚定标记，后跟“[对象]”；而如果我移除锚字符串，则

内容

变量将正确输出

---

如何将两者正确地结合起来？

如何使用

append

功能

return $('<div/>', {
    'class' : 'artistContactsContainer',
    'html' : '<a href="#" class="contactSwitch"></a>'
}).append(contents);

---

使用

append

功能怎么样

return $('<div/>', {
    'class' : 'artistContactsContainer',
    'html' : '<a href="#" class="contactSwitch"></a>'
}).append(contents);

---

在OP的示例中，

联系人所匹配的内容实际上会移动，而不会复制。如果你喜欢追加，最好添加
.clone
。fwiw：在我的例子中，移动是需要的行为。这实际上会移动，而不是复制OP示例中
联系人所匹配的内容。如果你喜欢追加，最好添加
.clone
。fwiw：在我的情况下，移动是理想的行为。