AJAX загрузка
home

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

Пример 

$(document).ready(function(){
  
   $("#but1").click(function(){
      $("#par1").wrapInner("<b></b>");
      $("#wrap1").css("display","none");
      $("#but3").css("display","inline");
   });
   $("#but2").click(function(){
      $("#par1").wrap("<b></b>");
      $("#wrap1").css("display","none");
      $("#but3").css("display","inline");
   });
   $("#but3").click(function(){
      alert($("#par1").html());
      $("#par1").unwrap();
      $("#par1").replaceWith("<p id='par1'>Я первый абзац на странице.</p>");
      $("#wrap1").css("display","block");
      $("#but3").css("display","none");
   });

});
Попробовать в редакторе

Определение и использование

Метод wrapInner оборачивает внутреннее содержимое каждого выбранного элемента указанным тэгом (или группой тэгов).

Синтаксис

$(селектор).wrapInner(оборачиваемый_тэг)

селектор выбирает группу элементов, которые будут обернуты указанным тэгом.

оборачиваемый_тэг тэг, который будет обернут вокруг внутреннего содержимого выбранного элемента.