使用 :hidden 选择器删除隐藏元素

Question

我是jquery的新手，我尝试使用display: none;删除隐藏元素

我想使用 jquery 的remove()方法来做到这一点。

var id = "#container" + event.parentNode.id;
$('id[style*="display: none;"]').remove();

或

var id = "#container" + event.parentNode.id;
$('id:hidden"]').remove();

两者都对我不起作用。

我不完全知道如何为隐藏元素编写选择器。

Answer 1

jquery 的remove()函数，完全删除了该元素。如果要显示或隐藏元素，请使用show()或hide()，这将添加显示：块;或显示：无;

由于隐藏选择器

也存在问题，要编写隐藏选择器，您将在要选择的元素末尾使用:hiden。所以在你的例子中，它可能看起来像这样：

var id = '#container' + event.parentNode.id;
$(id+':hidden"]').show();

您的选择器还有另一个问题。由于设置了 ID 的元素应该只出现在您的页面上一次，因此我认为在这种情况下没有任何意义，为什么您需要隐藏选择器。