使用jquery添加一個「閱讀更多」的鏈接基於另一個鏈接

Question

我試圖在包含rdm1，包含任何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>'); 
    }); 

});