Как удалить или добавить поле?

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