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

完全に機能するスクリプトの場合、文字列が必要なため、パラメーターを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();
}

Answer 2

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] の要素」という意味ではなく、何かによってさまざまなことを意味します。