jQuery隐藏父级而不是子级

Question

我希望隐藏子元素的父元素，而不是子元素本身。

<div class="bordered">
    <div class"banner-outer">
        <span class="text">My text content</span>
    </div>
</div>

当我做类似的事情时：

$(".bordered").hide();
$(".text").show();

由于父级，最内层元素.text仍然隐藏。有没有办法只显示子元素？

Answer 1

总之，没有。

但是，您可以执行诸如将“.text”范围移动为“.bordered”div的子项。

$span=$(".text").clone();
$(".text").remove();
$(".bordered").append($span);

如果您打算像这样操作DOM，我还建议使用ID而不是类。

Answer 2

根据定义，如果隐藏父div，则子项也会隐藏。

你必须以不同的方式进行。

但是如果您只想取消“有边界”的课堂效果，可以删除这样的课程：

$(".bordered").removeClass("bordered");

您还可以复制子div并将其附加到文档中。