使用jquery添加＆＃34;阅读更多＆＃34;链接基于另一个链接

Question

我试图在包含rdm1的段落中添加一个read more链接，其中包含链接到的h2链接。我的HTML和Javascript如下。我可以添加更多阅读。我无法添加任何h2的链接。有什么建议？

 <div class="divgrey">
 <h2><a href="http://www.example.com">This is a heading.</a></h2>

<p>This is some text about the heading. </p>
 <p class="rdm1"></p>
</div>

代码：

$(document).ready(function () {
    $('.divgrey >  p.rdm1').append('<a class="rdm">Read More</a>');
    $('a.rdm').each(function () {
        var lnk = $(this).parent().siblings('a').attr('href');
        $(this).attr('href', lnk);
    });
});

Answer 1

试试这个：

$( document ).ready( function() {

    $( '.rdm1' ).each( function() {
       $( this ).append( '<a href="' + $( this ).closest( '.divgrey' ).find( 'h2 a' ).attr( 'href' ) + '" class="rdm">Read More</a>' );
    });

});