用jquery改變dom

Question

我想用jquery改變dom。

它是源：

<td class="name"><a href="position_details.php?x=-109&amp;y=95">21</a> </td> 
<td class="name"><a href="position_details.php?x=-109&amp;y=96">22</a> </td> 
<td class="name"><a href="position_details.php?x=-109&amp;y=97">23</a> </td> 

我想改變它：

<td class="name"><a href="position_details.php?x=-109&amp;y=95">21</a> :.: <a href='http://d3.traaviaan.ir/build.php?gid=16&t=99&action=showSlot&sort=distance&direction=asc&x=-109&y=$3$4'>Add to farm list</a></td> 
<td class="name"><a href="position_details.php?x=-109&amp;y=96">22</a> :.: <a href='http://d3.traaviaan.ir/build.php?gid=16&t=99&action=showSlot&sort=distance&direction=asc&x=-109&y=96'>Add to farm list</a></td> 
<td class="name"><a href="position_details.php?x=-109&amp;y=97">23</a> :.: <a href='http://d3.traaviaan.ir/build.php?gid=16&t=99&action=showSlot&sort=distance&direction=asc&x=-109&y=97'>Add to farm list</a></td> 

Tings的可以改變的是：

QueryStrin的價值。

和錨的文字。

我嘗試這樣的代碼，但它doe`

$(".name").each(function(index){ 
    str = $(this).html(); 
    str = str.replace(/[<]a href="position_details[.]php[?]x=([-]?)([0-9]+)&amp;y=([-]?)([0-9]+)">(.+)<\/a>/, 
    "<a href='position_details.php?x=$1$2&y=$3$4'>$5</a> :.: <a href='http://d3.traaviaan.ir/build.php?gid=16&t=99&action=showSlot&sort=distance&direction=asc&x=$1$2&y=$3$4'>Add to farm list</a>"); 
    $(this).html(str) 

}）;

`

Answer 1

試試這個：

$('.name').each(function() { 

    var that = $(this); 
    var hrefPart = that.find('a').attr('href').split('?'); 

    that.append(".::.<a href='http://d3.traaviaan.ir/build.php?gid=16&t=99&action=showSlot&sort=distance&direction=asc&" + hrefPart[1] + "'>Add to farm list</a>"); 
}); 

位置部分形成第一鏈路分離出來，這是最簡單的方法。