jquery - 如何删除或附加框？

Question

我尝试删除我在 jQuery 中附加的一个框，但在添加后我无法将其删除，有人可以告诉我我使用的是什么吗？

    function appendBox( id )
    {
        $("#listContainer").append("<div id=\"appendbox["+ id +"]\"><a href=\"javascript:removeBox("+ id +");\">remove</a></div>");
    }
    function removeBox( id )
    {
        $("#appendbox["+ id +"]").slideUp();
    }

Answer 1

function appendBox( id )
{
    $("#listContainer").append("<div id=\"appendbox-"+ id +"\"><a href=\"javascript:removeBox("+ id +");\">remove</a></div>");
}
function removeBox( id )
{
    $("#appendbox-"+ id ).slideUp();
}

#appendbox[something] 并不意味着“id appendbox[something] 的元素”，而是很多不同的东西，具体取决于某些东西。

Answer 2

对于一个完全工作的脚本，您需要将参数包装removeBox在单引号中，因为它需要一个字符串：javascript:removeBox('"+ id +"');否则它会尝试发送一个不存在的变量。

function appendBox( id )
{
    $("#listContainer").append("<div id=\"appendbox-"+ id +"\"><a href=\"javascript:removeBox('"+ id +"');\">remove</a></div>");
}

function removeBox( id )
{
    $("#appendbox-"+ id ).slideUp();
}