找到文本和創建父標籤的jQuery

img標籤後查找文本並創建文本p標籤是這可能與jQuery，請幫我找到文本和創建父標籤的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

來源

2013-12-10 Sam

您可以找到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

來源

2013-12-10 07:21:52

here next.nodeType == 3我怎麼知道== 3意味着什麼？ –

@Riturajratan'next.nodeType == 3'正在檢查文本節點。 –

它是文本節點的值...我已經更新了答案，使用常量 –

找到文本和創建父標籤的jQuery

回答

相關問題