將對象傳遞給javascript中的html函數？

Question

我試圖在單擊按鈕時傳遞對象，但是它無法正確傳遞對象。 我怎樣才能解決這個問題？

function addEventToCart(event) {
    $("#mentorItems").append(
        `<div id="${event.id}" class="alert alert-dismissible">
        <button class="close" data-dismiss="alert" onclick=removeEvent(event)>&times;</button>
        </div>`);

removeEvent函數如下所示：

function removeEvent(event) {
     var color = event.color;
 }

事件中的所有屬性都是不確定的，因此我假設傳遞過程中出現了問題？ 我嘗試遵循此解決方案，但也沒有成功。

Answer 1

該event是未定義的對象，因為您不能將對象作為純文本傳遞（您在編寫removeEvent(event)就做到了removeEvent(event)我將嘗試更改結構：

function addEventToCart(evt) {
    var $div = $('<div id="' + evt.id + '" class="alert alert-dismissable"></div>');
    var $btn = $('<button class="close" data-dismiss="alert">&times;</button>');
    $btn.on('click', function() {
        var color = evt.color;
        alert(color);
    });
    $div.append($btn);
    $('#mentorItems').append($div);
}