Question

将动态内容加载到DIV后，我想添加一个关闭选项，这将从DOM中删除此内容。

我正在使用jQuery和WordPress。

有什么想法吗？

Answer 1

当然！您可以根据自己的要求使用hide或remove。

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

或

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

Answer 2

您可以从页面中删除元素。如果说你的元素的ID是'foo'那么你就可以这样做

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

Answer 3

.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);

此处无需查找动态内容，因为您已经可以在变量中轻松访问它。

使用jQuery清除动态内容

3 个答案: