JSFiddle - React, Tailwind, and code Playground

HTML

<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>
	<p>a</p>

JavaScript

jQuery(document).ready(function() {
		jQuery('p').each(function(index, value) {
			value.id = '_p' + index;
            value.innerHTML += ' - ID = ' + index;
		});
    
        $('html, body').animate({
            scrollTop: $(window.location.hash).offset().top
        }, 500);
	});