javascript - 在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;
 }

事件中的所有属性都未定义，所以我认为传递过程中出了问题？我尝试遵循this解决方案，但也没有成功。

Answer 1

event 是 undefined object ，因为您无法将对象作为纯文本传递(您在编写 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);
}