найти текст и создать родительский тег Jquery

Question

Найти текст после IMG тега и создать р тег для текста это возможно с JQuery пожалуйста помогите мне

Смотрите здесь;

<p> 
    <img src="img.jpg" /> 
    Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet 
</p> 

Это мой HTML код мне нужно создать как этот

<p> 
    <img src="img.jpg" /> 
    <p>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet</p> 
</p> 

Возможно ли это с JQuery

Answer 1

Вы можете найти следующий родственный из img элементов и посмотреть, является ли это непустой текстовый узел, если это так, то оберните его узлом p, используя .wrap()

$('p img').each(function() { 
    var next = this.nextSibling; 
    if (next && next.nodeType == Node.TEXT_NODE && $.trim(next.nodeValue) != '') { 
     $(next).wrap('<p/>') 
    } 
}) 

Демонстрация: Fiddle