JQuery добавить, а затем удалить

Будет проще, если вы измените разметку на:

<div id="8" class="wrapper">
    <div>
    <a title="Remove" class="remove" href="#">Remove</a>
    </div>
</div>

(в основном я добавил класс «обертки» в основной div и класс «удалить» в ссылку удаления)

Таким образом, вы избавитесь от атрибута onclick и вместо этого будете использовать простую функцию:

$('body').on('click','a.remove',function(){
    $(this).closest('div.wrapper').remove();
});​

Демо

Учитывая ваш полный код, вот как заставить его работать (демонстрация):

$(function() {

    $('.elements').on('click', '.remove', function() {
        $(this).closest('div[id^=div]').remove();
    });

    $('.elements').on('click', '.open-close', function() {
        var hideShowN = $(this).closest('div[id^=div]').attr('id').replace(/\D/g,'');
        $('#hide_show_'+hideShowN).toggle();
    });

    $('.add').on('click', function() {
        $('.elements').append('<div id="div_8">Element<a class="open-close" href="#" title="Open/Close">Open/Close</a><div id="hide_show_8" style="display: none;">Stuff</div><a class="remove" href="#" title="Remove">Remove</a></div>');
    });

});​

Я бы посоветовал вам использовать прослушиватели при использовании jQuery, это чище и часто проще.

Я сделал jsfiddle с тем, что, как мне кажется, вам нужно. Проверьте это здесь: http://jsfiddle.net/YbfZG/2/.

Что важно в этом примере, так это то, что слушатель, который удаляет элементы, прослушивает div «элементы», а не кнопку удаления. Когда прослушиватель срабатывает, ТОГДА он проверяет, был ли щелчок внутри ".element .remove", и если да, то он выполняет функцию.

Это важно, потому что, если вы поместите прослушиватель непосредственно в «.element .remove», это приведет к сбою для вновь добавленных классов с помощью кнопки «Добавить», потому что они были добавлены после того, как jQuery добавил слушателей.

У меня была похожая проблема раньше. Я считаю, что это было вызвано тем же самым. Проблема в том, что вам нужно перепривязать обработчик кликов при удалении/чтении div. Что я делаю, так это создаю функцию, которая связывает обработчик, и я вызываю ее всякий раз, когда возникает ситуация, подобная этой, когда элемент добавляется/удаляется из DOM.

Удачи

Используйте .detach вместо удаления, чтобы сохранить привязки событий. Цитата из документов.

Метод .detach() аналогичен .remove(), за исключением того, что .detach() сохраняет все данные jQuery, связанные с удаленными элементами. Этот метод полезен, когда удаленные элементы должны быть повторно вставлены в DOM позднее.