Устранить родительский элемент с помощью CSS?

Question

Устранить родительский элемент с помощью CSS?

0

Есть ли способ устранить родительский элемент при сохранении текущего элемента?

Вот мой пример:

<div id="parent">
    <div id="child">
        <span>some text</span>
    </div>
</div>

div
{
    padding: 20px;
}
#parent
{
    background-color: green;
}
#child
{
    background-color: red;
}

Я ищу способ заменить родительский div child div. Значение Я принимаю #parent parent и заменяю его внутренний html на #child.
Я пытался играть с видимостью, но он все еще занимает пространство или скрывает целые деревья. Есть ли способ CSS? В противном случае, как это сделать легко с помощью jQuery? (обратите внимание, что в моем реальном сценарии это на каком-то уровне).

Shimmy 14 апр. 2014, в 06:04

Источник

0

Не могли бы вы просто удалить накладку на родителя? jsfiddle.net/j08691/KZd67/2
j08691 14 апр. 2014, в 03:49
0

@j08691. J08691. Нет, я не хочу, чтобы элемент в DOM вообще.
Shimmy 14 апр. 2014, в 04:05

Теги:

jquery

html

css

css3

2 ответа

1

Есть два способа сделать с .unwrap(); метод и .html(); :

С .unwrap() (предпочтительный способ):

$('#child').unwrap();

С .html(); :

var o = $('#child').html();
$('#parent').html(o);

Jai 14 апр. 2014, в 01:10

Ещё вопросы

Не могли бы вы просто удалить накладку на родителя? jsfiddle.net/j08691/KZd67/2
@j08691. J08691. Нет, я не хочу, чтобы элемент в DOM вообще.

Felix · Accepted Answer · 2014-04-14T01-57-00.000Z

Вы можете использовать .unwrap():

Удалите родителей из набора согласованных элементов из DOM, оставив соответствующие элементы на своем месте.

$('#child').unwrap();

Обновленный скрипт

Я буду использовать оператор while для проверки имени родителя и запускаю unwrap в цикле, пока не будет достигнут желаемый родитель. Хорошая идея.
Работает отлично. Проверьте это: jsfiddle.net/shimmy/TswLJ