JSFiddle - React, Tailwind, and code Playground

by Pavel Kharitonov

HTML

<ul class="article-content"></ul>
<h2>Вера Б.</h2>
<p>Оперировала веки и лицо у Анны Григорьевны. Это что то потрясающее!!!!! Думала начать только с верхних век, но хирург очень ненавязчиво рассказала о всех операциях, которые мне показаны. Подкупала цена и я рискнула. Но теперь могу уверенно сказать, что за такую работу, а главное за такие руки я бы дала намного больше. У нее уникальный вкус.</p>
<h2>Марья Станиславовна</h2>
<p>Оперировала веки и лицо у Анны Григорьевны. Это что то потрясающее!!!!! Думала начать только с верхних век, но хирург очень ненавязчиво рассказала о всех операциях, которые мне показаны. Подкупала цена и я рискнула. Но теперь могу уверенно сказать, что за такую работу, а главное за такие руки я бы дала намного больше. У нее уникальный вкус.</p>
<h2>Вера Б.</h2>
<p>Оперировала веки и лицо у Анны Григорьевны. Это что то потрясающее!!!!! Думала начать только с верхних век, но хирург очень ненавязчиво рассказала о всех операциях, которые мне показаны. Подкупала цена и я рискнула. Но теперь могу уверенно сказать, что за такую работу, а главное за такие руки я бы дала намного больше. У нее уникальный вкус.</p>
<h2>Марья Станиславовна</h2>
<p>Оперировала веки и лицо у Анны Григорьевны. Это что то потрясающее!!!!! Думала начать только с верхних век, но хирург очень ненавязчиво рассказала о всех операциях, которые мне показаны. Подкупала цена и я рискнула. Но теперь могу уверенно сказать, что за такую работу, а главное за такие руки я бы дала намного больше. У нее уникальный вкус.</p>

JavaScript

$('h2').each(function(i){
    var anchor = 'header' + i;  // Создаем якорь
    var url = window.location.href; // Копируем URL
    $(this).attr("id", anchor); // Добавляем id с якорем к h2
    var headLink = '<li><a href="'+url+'#'+anchor+'" class="article-content__item">' + $(this).text() + '</a></li>'; // Создаем li со ссылкой на h2 и текстом как у h2
    $('.article-content').append(headLink); // Вставляем в нужный блок
});
$(function(){
    var hash = location.hash.replace('#',''); // Проверяем хэш
    if(hash != ''){
        location.hash = ''; // Чистим хэш
    }
});