根据标签中的文本更改href

Question

我有一堆<a>个标签，其中包含不同的字符串。我希望能够根据每个标记内的文本设置这些标记的URL。

例如，我有

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

我希望能够将第一个网址设为/example/，第二个设为/example2/，第三个设为/example3/。

这个jQuery函数创建了所有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

使用这个jQuery：

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