根据标签中的文字更改href

Question

I have a bunch of <a> tags with different strings in them. I want to be able to set the url of those tags based on the text inside each individual tag.

For example, I have

<a class="list-group-item">example</a>
<a class="list-group-item">example2</a>
<a class="list-group-item">example3</a>

and I want to be able to make the url of the first one equal to /example/ , the second to /example2/ and the third to /example3/ .

This jQuery function makes all of the href="/example/"

$(function(){
    customURL = $( ".list-group-item" ).html();
    $("a").attr("href", customURL)
});

Answer 1

$('a.list-group-item').attr('href', function(){
    return '/' + $(this).text() + '/';
})

jsFiddle example

Answer 2

Use this jQuery:

$('.list-group-item').each(function(){
   var $this=$(this);
   var customURL=$this.html();
   $this.attr('href',customURL);
});