JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<h2>get html data and add into title attr.</h2>
<ul class="nav navbar-nav">
		<li><a href="index.php">HOME</a></li>
		<li><a href="index.php?route=product/special">PROMO</a></li>
		<li><a href="index.php?route=information/information&amp;information_id=8"> Media</a></li>
		<li><a href="index.php?route=information/information&amp;information_id=7">Testimonial</a></li>
		<li><a href="index.php?route=information/information&amp;information_id=4">About Us</a></li>
		<li><a href="index.php?route=information/contact">Contact us</a></li>
			
	</ul>

JavaScript

$('.navbar-nav li').each(function(index){
  var navtext = $( ".navbar-nav li:nth-child("+index+") a").html();
  $( ".navbar-nav li:nth-child("+index+") a" ).attr( "title", navtext );
      //alert(index);
});