如何在沒有標簽的地方添加標簽？

Question

例如，如果我有此HTML代碼：

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
consequat.

如何為沒有標簽的每個文本添加標簽<p></p> ，例如未標記的lorem ipsum文本？

Answer 1

您可以為段落使用數組，並為每個段落構建一個新節點。 然后追加到document.body 。

 var text = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.']; text.forEach(function (t) { var p = document.createElement('p'); p.appendChild(document.createTextNode(t)); document.body.appendChild(p); }); 

Answer 2

假設您的全文/ lipsum包裹在div或其他html標簽中：

<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>

您可以找到這些段落，並用新行分隔，然后用周圍的p標簽重新插入。

const element = $('.text')
const content = element.html()
const lines = content.split('\n')
const paragraphs = lines.filter(x => x)
const html = paragraphs.map(x => '<p>' + x + '</p>').join()
element.html(html)

如果您不熟悉粗箭頭（x => ...），請告訴我，我將其更改為JS5

https://jsfiddle.net/wtLs7ef6/2/