상자를 제거하거나 추가하는 방법?

Question

jQuery로 추가되는 하나의 상자를 제거하려고하지만 추가 한 후에는 제거 할 수 없습니다. Sombody는 내가 무엇을 worng하는지 말해 줄 수 있습니까?

    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();
}