jQuery隐藏父项但不隐藏子项[重复]

68de4m5k 于 2023-10-17 发布在 jQuery

关注(0)|答案(2)|浏览(104)

此问题已在此处有答案：

Display HTML child element when parent element is display:none（6个回答）
9年前关闭。
我想隐藏一个子元素的父元素，而不是子元素本身。

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

当我做一些事情，比如：

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

最里面的元素.text由于父元素而保持隐藏。有没有办法只显示子元素？

2条答案

一句话，不。
但是，你可以做一些事情，比如移动“.text”span作为“.bordered”div的子元素。

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

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

根据定义，如果隐藏父div，则也隐藏查尔兹。

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

但是如果你只是想取消“边界”类效果，你可以像这样删除类：

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

你也可以复制一个子div并将它附加到文档中。