Question

我试图在我的list标签中创建链接，该链接将从此list标签中已存在的链接继承。不知道它有多大意义，但我有这个：

<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>

到目前为止，我已经设法使用“点击此处”文本添加带有类和链接的div，但我不知道如何获取链接href并将其添加到我的新链接。

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

提前感谢您的帮助。

最好的问候

的Dom

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

添加与现有href的链接

2 个答案: