使用對象和jQuery創建多個html元素

Question

因此，我想創建一個從對象中獲取類和屬性的元素塊。

我使用一個函數來創建對象

function profile(name, img, health, strength) {
    return {
        name: name,
        img: img
    }
};

然后我使用jQuery創建一個div並使用該對象提供一個類

function pushProfile(profile) {
    $('<div />', {
        "class": profile.name,
        "class": 'profile',
        text: 'test'
    }).appendTo('.profile-class');
};

到目前為止，似乎一切正常。 我的問題是可以在同一函數內將嵌套元素添加到新的div嗎？ 像這樣嗎

function pushProfile(profile) {
    $('<div />', {
        "class": profile.name,
        "class": 'profile',
        text: 'test'
    }).appendTo('.profile-class');
    $('.' + profile.name).prepend('<img src=' + '"' + profile.img + '" />');
};

我相當確定我為添加img編寫的內容是錯誤的，但是我似乎找不到關於執行此操作的人員的任何文檔，因此我可能只是在處理此錯誤。 如果有人對其他方法有任何建議，我絕對會接受。

謝謝！

Answer 1

在jQuery(html, attributes) prepend為屬性的attributes jQuery(html, attributes)

function pushProfile(profile) {
    $('<div />', {
        "class": `${profile.name} profile`,
        text: 'test',
        prepend: `<img src="${profile.img}"/>`
    }).appendTo('.profile-class');
};

另請參見如何將選項對象作為參數傳遞給在jQuery（）的第二個參數處設置的方法？

Answer 2

在元素構造函數的Object中設置所有屬性

function pushProfile(profile) {
    $('<div />', {
        "class": profile.name + ' profile',
        text: 'test',
        prepend: '<img src="' + profile.img + '">',
        appendTo: '.profile-class'
    });
}