Удаление родительских объектов

Материал из JQuery

Перейти к: навигация, поиск
.unwrap()

Удаляет родительские элементы у выбранных элементов, при этом, их содержимое останется на своих местах. Метод имеет один вариант использования:

.unwrap():jQuery1.4

Метод не имеет параметров

Примеры использования:

$("div.content").unwrap() удалит родительские элементы у всех div-элементов с классом content.

В действии

Рассмотрим страницу, содержащую следующий текст:

 <div class="new">
   <ul class="list l1">
     <li class="item"> Высоко </li>	
     <li class="item"> Быстро </li>	
     <li class="item"> Сильно </li>	
   </ul>
 </div>
 <div class="new">
   <ul class="list l2">
     <li class="item"> Выше </li>	
     <li class="item"> Быстрее </li>	
     <li class="item"> Сильнее </li>	
   </ul>
 </div>

после применения функции

 $("ul").unwrap();

страница станет такой:

 <ul class="list l1">
   <li class="item"> Высоко </li>	
   <li class="item"> Быстро </li>	
   <li class="item"> Сильно </li>	
 </ul>
 <ul class="list l2">
   <li class="item"> Выше </li>	
   <li class="item"> Быстрее </li>	
   <li class="item"> Сильнее </li>	
 </ul>

Ссылки

Поисковые ключи:
  • удаление родительских элементов
  • .unwrap()
  • unwrap()