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

Question

这个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标记的文本来设置它吗？

Answer 1

您可以选择所有"裸文本"(它们是文本节点).contents,之后您应该使用.nodeType === 3过滤(过滤掉文本节点,其中a nodeType为3).

例如:http://jsfiddle.net/ZAYD2/.

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

然后,您可以使用CSS来设置所有<p>元素的样式.