Удалить DIV после Ajax успеха

Question

У меня есть простой скрипт, который должен удалить DIV после вызова Ajax успех:

$ -> 
$('body').on 'click', '.add-comment', (event) -> 
    event.preventDefault() 
    body = $('#body_comment') 
    target = event.target 

    $.ajax 
    method: 'POST' 
    url: '/comments/create' 
    data: 
    body: body 
    success: (data) -> 
    target.remove() 
    error: (data) -> 
    # nothing here 

Если я:

console.log(target) 

В блоке успеха, это шоу правильный html div, но ничего не происходит, когда я делаю target.remove() или target.hide()

Где я ошибаюсь?

PS: Я пытался также использовать $ (цель) .remove(), без успеха .. новый код:

$('body').on 'click', '.add-comment', (event) -> 
    event.preventDefault() 
    body = $('#body_comment') 
    target = event.target 

    $.ajax 
    method: 'POST' 
    url: '/comments/create' 
    data: 
    body: body 
    success: (data) -> 
    $(target).remove() 
    error: (data) -> 
    # nothing here 

PPS: Хорошо, я обнаружил, что был конфликт с другой мой сценарий ... извините, ребята!

Answer 1

Это должно быть

$(target).remove(); 

event.target является DOMElement. Чтобы использовать методы jQuery, вы должны преобразовать его в jQuery instance, но обернув его в функцию $.

Answer 2

Remove функция JQuery, так что вы должны назвать его так:

$(target).remove(); 

UPDATE

event.target ссылается на элемент щелкнул внутри .Add-комментарий.

Попробуйте это:

target = $(this); 

success: (data) -> 
target.remove()