jquery - 查找任何没有标签的文本

Question

我有一些没有标签的文本。我试着找到它。使用 jQuery

(这是动态文本，所以我不知道我有多少个文本和平或它们在哪里。我只知道它们在 div 内。这与周围的其他问题不同)

我可以找到一个解决方案来查找没有标签的文本，将其包装在 <p> 中但这也会生成一些空的 p 标签。所以问题是:
- This.nodeType===3 似乎可以找到文本和空格。有人可以解释一下吗？
- 有人可以解决这个问题或展示另一种方法来仅查找没有标签的文本吗？

(我可以找到nodeType===3“代表元素或属性中的文本内容”)

如果你喜欢在那里玩 fiddle : http://jsfiddle.net/bhpaf8hu/

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

p { background:green; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="tot"> 
    <h1> This is a h1</h1>
    Text without p
    <br>
    Another text without p
    <br>
    <p>This text has p</p>
</div>

预期解决方案:所以我想找到没有标签的文本并将其包装在 p 标签中。在示例中，这就是我正在寻找的:

<div id="tot"> 
    <h1> This is a h1</h1>
    <p>Text without p</p>
    <br>
    <p>Another text without p</p>
    <br>
    <p>This text has p</p>
</div>

Answer 1

避免换行和空格的一种解决方案是使用修剪，例如:

$("#tot")
    .contents()
    .filter(function () {
    // get only the text nodes
    return this.nodeType === 3 && this.nodeValue.trim() !== "";
}).wrap("<p />");

fiddle

引用文献

Node.nodeValue

String.prototype.trim()