Como remover ou caixa de acréscimo?

Question

I tentar remover uma caixa i anexar em jQuery, mas eu não posso obtê-lo removet depois que eu adicionar, sombody pode me dizer o que eu dit 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 [algo] não significa "o elemento de id appendbox [algo]", mas um monte de coisas diferentes, dependendo de alguma coisa.

Answer 2

Para um script totalmente funcional, você precisa envolver o parâmetro para removeBox entre aspas simples porque quer uma string:. javascript:removeBox('"+ id +"'); caso contrário ele tenta enviar uma variável que não existe

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

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