没有p标记的Div文本选择器

Div text selector without p tags

本文关键字：Div 文本 选择器 没有      更新时间：2023-09-26

是否有一个选择器的文本在这个div没有包装它在一个<p>标签或可能与jquery/javascript找到所有的文本和包装它在一个<p>标签?

<div class="content">
Some content in here.
<img src="image" alt="image" />
</div>

我不能应用额外的HTML标记，并且希望将文本样式与图像不同。

我想要么用<p>包裹文本，变成:

<div class="content">
<p>Some content in here.</p>
<img src="image" alt="image" />
</div>

或者我可以用CSS选择没有HTML标记的文本来样式它吗?

您可以使用.contents选择所有"裸文本"(即文本节点)，之后您应该使用.nodeType === 3过滤(过滤掉文本节点，其nodeType为3)。

。: http://jsfiddle.net/ZAYD2/。

$("div").contents().filter(function() {
    return this.nodeType === 3;
}).wrap("<p>");

你可以使用CSS样式所有的<p>元素，例如:

相关文章：