getting each line text in navbar and add as id

Question

i want to get each link's text and add it to link as ID.

here is my navbar code:


 
  link1
  link2
  link3
  link4
  link5

user_4610740 · Answer

You are wanting this I think-

const links = [...document.querySelectorAll('a')];
links.forEach(link => {
  link.setAttribute('id', link.innerText);
});


 
  link1
  link2
  link3
  link4
  link5

user_1823841 · Answer

You can loop over the links using .each() method like:

$('.navbar a').each(...)

Then get each link text using .text() like:

$(this).text().trim()  
// .trim() is used to remove whitespace from both sides of this string

and finally set the ids using .attr() like:

$(this).attr('id', value);

Working Demo:

$('.navbar a').each(function(){
  $(this).attr('id', $(this).text().trim());
});

[id^='link']{background-color: yellow;text-decoration: none;}



  
    link1
    link2
    link3
    link4
    link5

user_7486313 · Answer

You can loop over the link children of the ul using .each function and set the text of the a element as its text in each iteration using the .attr function:

$(document).ready( function(){
     $('ul a').each(function(item){
          $(this).attr('id', $(this).text());
     });
});



     
          link1
          link2
          link3
          link4
          link5

getting each line text in navbar and add as id

3 Answers