Jquery 将链接复制到另一个元素

Jquery 将链接复制到另一个元素,jquery,wordpress,Jquery,Wordpress,Wordpress在“.blog info”中创建了一个链接,我想将其复制到页面下方的空白链接(.new link): <div class="blog-wrapper"> <div class="blog-info"><a href="http://foo.com/deeplink/" title="link title"> Title to story</a><br> <div class="blog-date

Wordpress在“.blog info”中创建了一个链接,我想将其复制到页面下方的空白链接(.new link):

<div class="blog-wrapper">
    <div class="blog-info"><a href="http://foo.com/deeplink/" title="link title"> Title to story</a><br>
    <div class="blog-date">Leeds, UK, 29th June 2015</div>
    <a class="new-link" href="/">more</a>
    </div>
</div>
但是,这仅适用于第一个链接。我需要它从最近的“.blog info a”进行上下文复制。参见JSFIDLE:


您需要迭代每个锚元素,然后设置来自同级锚元素的相关href:

 $('a.new-link').each(function(){
        $(this).attr('href',$(this).siblings('a').attr('href'))          
 });

您需要迭代每个锚元素,然后从同级锚元素设置相关的href:

 $('a.new-link').each(function(){
        $(this).attr('href',$(this).siblings('a').attr('href'))          
 });

无需使用
每次迭代。您可以使用将
href
属性设置为相对
锚定

$('.new-link').attr('href', function() {
    return $(this).closest('.blog-info').children('a').attr('href');
});

无需使用
每次迭代。您可以使用将
href
属性设置为相对
锚定

$('.new-link').attr('href', function() {
    return $(this).closest('.blog-info').children('a').attr('href');
});

$('a.new-link')。每个(函数(){
调试器;
$(this.attr('href',$(this.sibbines('a').attr('href'))
})


英国利兹,2015年6月29日

英国利兹,2015年6月29日

英国利兹,2015年6月29日
$('a.new-link')。每个(函数(){
调试器;
$(this.attr('href',$(this.sibbines('a').attr('href'))
})


英国利兹,2015年6月29日

英国利兹,2015年6月29日

英国利兹,2015年6月29日