Очистить динамический контент с помощью jQuery

Question

После загрузки динамического контента в DIV я хотел бы добавить опцию Close, которая удаляла бы этот контент из DOM.

Я работаю с jQuery и WordPress.

Есть идеи?

Answer 1

Конечно! Вы можете использовать скрыть или удалить в зависимости от ваших требований.

$("#close_link").click(function() {
  $("#your_div").hide(); 
});

или

$("#close_link").click(function() {
  $("#your_div").remove(); 
});

Answer 2

Функция .remove() сделает свое дело. Вопрос в том, что удалить. Если у вашего динамического контента есть какой-то определенный класс, вы можете сделать что-то вроде этого:

$(".stuff-to-remove").remove();

Похоже, вы будете динамически генерировать ссылку "Закрыть", поэтому ваш код может выглядеть примерно так:

var div = $('<div></div>');
// ... put stuff in the div...

var close = $('<a href="#"></a>').click(function() {
    div.remove();
    return false;
});
div.append(close);

Здесь нет необходимости находить динамический контент, поскольку у вас уже есть готовый доступ к нему в переменной.

Answer 3

Вы можете удалить элементы страницы. Если, скажем, идентификатор вашего элемента был 'foo', то вы могли бы сделать это так

$('#foo').remove();