找到文本并创建父标记jquery

Question

在img标签后找到文本并为文本创建p标签这是可能的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元素的下一个兄弟，看看它是否是非空文本节点，如果是，请使用.wrap()将p节点包裹起来

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

演示：Fiddle