Здравствуйте, Подскажите как можно в исходном коде статей расставить классы для заголовков H2? Статей много - вручную не вариант. По сути надо в цикле пройтись по всем материалам и при встрече заголовка, в зависимости от его порядка в тексте, дать ему класс. Например классы header1, header2, header13 Сказать легко - сделать не могу
Последовательно читаете, обрабатываете и при необходимости записываете обратно каждую запись (поле с контентом) коллекции. Если коллекций несколько, обрабатываете их в цикле или линейно (отдельными вызовами ф-ций/методов).
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>
Я наверное завел вас в заблуждение. Мне нужно взять статью из базы, обработать ее (расставить классы) и вернуть обратно в базу данных. Т е на 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;