如何更改表中多个锚点的 Href？ [复制]

Question

如何使用以下方法更改表的 HREF 值

<table id="tbl">
<td>
<a href="1">test1</a>
<a href="2">test2</a> 
<a href="3">test3</a>
</td>
<td><label>foo1</label></td>
<td><label>foo2</label></td>
<td><label>foo3</label></td>
</table>

到这里：

<table id="tbl">
<td>
<a href="1foo1">test1</a>
<a href="2foo2">test2</a> 
<a href="3foo3">test3</a>
</td> 
<td><label>foo1</label></td>
<td><label>foo2</label></td>
<td><label>foo3</label></td>
</td>
</table>

基本上，我是根据另一列的数据重新标记锚点。我更喜欢使用jquery。 谢谢！

Answer 1

$("#tbl td a").each(function() {
    var oldVal = $( this ).attr( "href" );
    $( this ).attr( "href" ,  oldVal + "foo" + oldVal);
});

Answer 2

你可以使用：

$('#tbl td a').each(function(i) {
    var text = $('#tbl label').eq(i).text(),
        oldHref = $(this).attr('href');
    $(this).attr('href', oldHref + text);
});

Fiddle Demo

---

如果要删除标签文本中的尾随空格，可以使用 $.trim()：

$('#tbl td a').each(function(i) {
    var text = $('#tbl label').eq(i).text(),
        oldHref = $(this).attr('href');
    $(this).attr('href', oldHref + $.trim(text));
});