添加链接与现有的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); 
});