将动态jquery数据添加到附加的html中

Question

如何将calEvent.id放入附加的html中的#id？

$("#id").val(calEvent.id);
if(calEvent.status == 'open') {
    $('#append .appact').remove();
    $('#append').append("<div class='appact'><form id='update'><input type='hidden' name='id' id='id'><br/><input type='submit' name='submit'></form></div>");
}

Answer 1

如果我正确地理解了你需要什么，这应该有效：

$("#id").val(calEvent.id);
if(calEvent.status == 'open') {
    $('#append .appact').remove();
    $('#append').append("<div class='appact'><form id='update'><input type='hidden' name='id' id='"+calEvent.id+"'><br/><input type='submit' name='submit'></form></div>");
}

Answer 2

$('#append').append(
    $("<div />", {
        'class': 'appact'
    }).append(
        $('<form />', {
            id: 'update'
        }).append(
            $('<input />', {
                type: 'hidden',
                name: 'id',
                id: 'id',
                value: calEvent.id    // Notice here
            }),
            $('<input />', {
                type: 'submit',
                name: 'submit'
            })
        )
    )
);