根据标签中的文本更改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/和第三个的url /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例子