javascript - jQuery 隐藏父级但不隐藏子级

Question

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

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

当我做类似的事情时:

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

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

Answer 1

一句话，不。

但是，您可以执行一些操作，例如将“.text”跨度移动为“.bordered”div 的子级。

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

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