Как раздать разные классы нескольким в тексте

Mick_20

Здравствуйте,
Подскажите как можно в исходном коде статей расставить классы для заголовков H2?
Статей много — вручную не вариант.
По сути надо в цикле пройтись по всем материалам и при встрече заголовка, в зависимости от его порядка в тексте, дать ему класс.
Например классы header1, header2, header13
Сказать легко — сделать не могу

miketomlin

Последовательно читаете, обрабатываете и при необходимости записываете обратно каждую запись (поле с контентом) коллекции. Если коллекций несколько, обрабатываете их в цикле или линейно (отдельными вызовами ф-ций/методов).

Survivor

HTML:
<!DOCTYPE html>
<html>
<head>
<title>H2</title>
<style>
.header1 { color: red; }
.header2 { color: green; }
.header3 { color: blue; }
</style>
</head>
<body>

<div id=«content»></div>

<script>
function generateHeaders()
{
const contentDiv = document.getElementById(‘content’);
for (let i = 0; i < 20; i++)
{
const header = document.createElement(‘h2’);
header.textContent = ‘Заголовок ‘ + (i + 1);
header.classList.add(‘header’ + (i + 1));
contentDiv.appendChild(header);
}
}

document.addEventListener(«DOMContentLoaded», generateHeaders);
</script>

</body>
</html>

Mick_20

Я наверное завел вас в заблуждение.
Мне нужно взять статью из базы, обработать ее (расставить классы) и вернуть обратно в базу данных.
Т е на php сделать.

Дюран

PHP:
$text = ‘
<h2>11 </h2>
<h2>22 </h2>
‘;
$res = preg_replace_callback(‘/<h2/’, function(){
static $x = 0;
$x++;
return ‘<h2 class=»header’ . $x . ‘»‘;

}, $text);
print $res;

Mick_20

Дюран сказал(а):
↑
PHP:
$text = ‘
<h2>11 </h2>
<h2>22 </h2>
‘;
$res = preg_replace_callback(‘/<h2/’, function(){
static $x = 0;
$x++;
return ‘<h2 class=»header’ . $x . ‘»‘;

}, $text);
print $res;
Нажмите, чтобы раскрыть…
Спасибо вам огромное!
Это прям то, что мне нужно.

Похожие записи:

Добавить комментарий Отменить ответ