添加鏈接與現有的href

Question

我試圖在我的列表標記中創建鏈接，該鏈接將從已經存在於此列表標記中的鏈接繼承href。不知道多少感覺它使，但我有這樣的：

<ul> 
    <li><a href="page1.html">Support</a></li> 
    <li><a href="page2.html">Products</a></li> 
    <li><a href="page3.html">Management</a></li> 
    <li><a href="page4.html">Others</a></li> 
</ul> 

，我需要舒緩這樣的：

<ul> 
    <li> 
     <a href="page1.html">Support</a> 
     <div class="slideLink"><a href="page1.html">Click Here</a></div> 
    </li> 
    <li> 
     <a href="page2.html">Products</a> 
     <div class="slideLink"><a href="page2.html">Click Here</a></div> 
    </li> 
    <li> 
     <a href="page3.html">Management</a> 
     <div class="slideLink"><a href="page3.html">Click Here</a></div> 
    </li> 
    <li> 
     <a href="page4.html">Others</a> 
     <div class="slideLink"><a href="page4.html">Click Here</a></div> 
    </li> 
</ul> 

到目前爲止，我已經成功地用類和鏈接中添加格它與「點擊這裏」文本，但我不知道如何抓住鏈接href並將其添加到我的新鏈接。

$('ul li a').each(function(){ 
    $(this).after("<div class='slideLink'><a href=" + Link + ">Read more</div>"); 
    }); 

感謝您提前給予的幫助。

問候

大教堂

Answer 1

$('ul li a').each(function(){ 
    var link = $(this).attr('href'); 
    $(this).after("<div class='slideLink'><a href=" + link + ">Read more</div>"); 
}); 

Answer 2

$('ul li a').each(function(){ 
    var $div = $("<div class='slideLink'></div>"); 
    var $link = $("<a></a>").attr("href", $(this).attr("href")) 
          .text("Click Here"); 
    $div.append($link); 
    $(this).after($div); 
});