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));
});

如何更改表中多个锚点的Href？

2 个答案: