Add button link after each excerpt

Add button link after each excerpt

Hello,
I need to add a button link to post after each excerpt, this is the html example:

  1. <div class="post-content">
  2. <h2><a href="https://link1">link text1</a></h2>
  3.         <div class="excerpt"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer faucibus risus vel risus aliquet commodo. Nullam luctus blandit erat, non pellentesque felis tincidunt eget. [...]</p></div>
  4. </div>

  5. <div class="post-content">
  6. <h2><a href="https://link2">link text2</a></h2>
  7.         <div class="excerpt"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer faucibus risus vel risus aliquet commodo. Nullam luctus blandit erat, non pellentesque felis tincidunt eget. [...]</p></div>
  8. </div>

and this is the jQuery I am using:

  1. jQuery(document).ready(function() {
  2.   jQuery('.post content a').each(function ()
  3.   {
  4.      var value = jQuery(this).attr('href');
  5.      jQuery('.excerpt').append("<a class='button' target='_self' href='" + jQuery(this).attr("href") + "'><span class='button-text'>Learn More...</span></a>");
  6.   });
  7. });
But if I have 4 posts I get the 4 button link after each post excerpt. Can you help me?

Thanks