Как добавить тег, где его еще нет?

Если 1 есть эта Lorem Ipsum морковь, усиленный студенческий разработчик, но они делают occaecat времени и жизненные силы, такие как труд и ожирение. На протяжении многих лет я пришел, кто nostrud aliquip из нее преимущества упражнений, так что усилия по стимулированию , если школьный округ и долговечность. Lorem Ipsum боль сидеть Амет, consectetur adipiscing Элит, SED Tempor и жизнеспособность, так что труд и горе, некоторые важные вещи , чтобы сделать eiusmod. На протяжении многих лет я пришел, кто nostrud aliquip из нее преимущества упражнений, так что усилия по стимулированию , если школьный округ и долговечность. Код для примера:

<p></p>

Как добавить тег divдля каждого текста, где у меня нет каких-либо тегов, например, этот непомеченный текст lorem ipsum?

javascript,jquery,html,css,

0

Ответов: 2


0 принят

Предполагая, что ваш полный текст / губум завернут в те 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>

Вы можете найти абзацы, разделенные новыми строками, а затем повторно вставить их с окружающими тэгами.

const element = $('.text')
const content = element.html()
const lines = content.split('
')
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/


0

Вы можете использовать массив для абзацев и построить новый узел для каждого абзаца. Затем добавьте 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);
});

JavaScript, JQuery, HTML, CSS,
Похожие вопросы