У меня заканчиваются идеи. У меня есть проблема, когда мне нужно удалить только родительский элемент, сохранив при этом дочерний элемент.
<div class="remove_this_only">
<table>
<tbody>
<tr>
<td>I want to get preserved</td>
</tr>
</tbody>
</table>
</div>
результирующий вывод должен быть
<table>
<tbody>
<tr>
<td>I want to get preserved</td>
</tr>
</tbody>
</table>
Прямой путь:
var div = $(".remove_this_only");
var tmp = div.children().clone();
var parent = div.parent();
div.remove();
tmp.appendTo(parent);
Скрипка: http://jsfiddle.net/cb9sb/
ИЗМЕНИТЬ:
Похоже, вы хотите удалить <div>, который вы добавили к вопросу.
Просто выберите <table> и используйте unwrap()[docs]< /а> метод.
$('div > table').unwrap();
Конечно, селектор будет зависеть от вашей фактической разметки.
Пример: http://jsfiddle.net/VyJv3/ (the стиль div удален)
Исходный ответ:
Таким образом, вы будете удалять элемент, необходимый для таблицы.
Если вы надеялись удалить <td>, у вас будет текстовый узел как дочерний элемент <tr>. Вы можете сделать это.
Если бы ваш HTML был таким:
<html>
<table>
<tbody>
<tr>
<td><span>I want to get preserved</span></td>
</tr>
</tbody>
</table>
...и вы хотите избавиться от <span>, вы можете использовать unwrap()[docs ] метод.
$('td > span').contents().unwrap();
div в вопросе. Я согласен с тем, что если в реальном HTML есть класс или какое-либо другое обозначение, то его следует использовать в селекторе.
- person user113716; 21.06.2011
Вы можете клонировать всю структуру и просто сохранить нужные части:
$('html').clone().appendTo('tmp');
<div> и каким должен быть 'tmp'?
- person user113716; 21.06.2011
Думаю, я понимаю, что вы имеете в виду.
Я думаю, это то, что вы ищете:
$("td").closest("table").unwrap();
Одним из способов было бы взять то, что вы хотите оставить, и добавить его к родителю элемента, который вы хотите удалить. Затем удалите элемент, который вы хотите удалить.
Возьмите содержимое div и замените div на это:
$(".remove_this_only").replaceWith($(".remove_this_only").html());
Ответы в действии:
//option 1
var $table = $('table');
$table.parent().before($table).remove();
//option 2
var $toRemove = $('.remove_this_only');
$toRemove.before($toRemove.children()).remove();
//option 3
$('table').unwrap();
Примечания:
append, before и некоторые другие функции jQuery выполняют "отключение" автоматически.Detach() не работает в вашем случае?
Вы также можете использовать методы html() для извлечения исходного кода.
Алгоритм:
Решение, помеченное как ответ, не соответствует указанному в комментарии.
вот точное решение, чтобы получить первых детей и заменить родителя дочерним
var child = $("#entry-longdesc").children().first().clone();
$("#entry-longdesc").replaceWith(child);
это только удалит родительский тег и сохранит ваш дочерний дом как есть
Очень простым решением будет метод jQuery unwrap() с добавленным селектором для родительского элемента, который вы хотите удалить. Итак, в вашем случае:
$('table').unwrap('.remove_this_only');
Примечание. Если вы не добавите селектор .remove_this_only, он может развернуть больше родительских элементов, чем вам нужно. В качестве альтернативы, если вы хотите убедиться, что вы специально нацеливаете элемент «таблица» только в элементе «.remove_this_only», вы можете сделать следующее:
$('.remove_this_only').find('table').unwrap('.remove_this_only');
<td>или<tr>(не уверен, о чем вы говорите), у вас будет недопустимая разметка HTML. - person user113716 schedule 21.06.2011