jquery - jQuery は削除しますが、コンテナー DIV は削除しません

Question

私はこの機能を持っています:

$('#addNote').click(function() {

   var html =
            '<div class="row-fluid" id="notenote"><div class="span9">' +
            $('#noteContent').val() +
            '<input type="hidden" value="' + $('#noteContent').val() + '" name=notes[]>' +
            '</div>' +
            '<div class="span3 ">' +
            '<img width="68" height="60" src="getimage.php?image=current_admin">' +
            '<div class="pull-right">' +
            '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' +
            '<a href="javascript:void(0)" class="removeNote"><i class="icon-remove"></i></a>' +
            '&nbsp;&nbsp;' +
            '</div>' +
            '</div>' +
            '</div>';

    if ($('#noteContent').val() !== '') {
        $('#noteContent').val('');
        var newnote = $("#noteContainer").append(html);

        newnote.find('.removeNote').on("click", function(event) {
            event.preventDefault();
            newnote.remove();  
        });
    }
});

問題は、newnote.remove()が起動されると、メイン コンテナの DIV も 削除さ#noteContainerれますが、それ自体は削除されるだけなので、DIV だけが削除されること#notenoteです。このコードを修正するにはどうすればよいですか?

ありがとう

Answer 1

コードを次のように置き換えます。

newnote.remove();  

これとともに：

$(this).closest('#notenote').remove();