根據標簽中的文字更改href

Question

我有一堆帶有不同字符串的<a>標簽。 我希望能夠根據每個單獨標簽內的文本設置這些標簽的網址。

例如，我有

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

並且我希望能夠使第一個的URL等於/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示例

Answer 2

使用以下jQuery：

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