Getting each anchor value with Jquery -


i'm trying build list of emails webpage formatted so:

<div class="somediv">   <div class="email-popdown">     <a href="mailto:sue@domain.com">sue@domain.com</a>   </div> </div>  <div class="somediv">   <div class="email-popdown">     <a href="mailto:mark@domain.com">mark@domain.com</a>   </div> </div>  <div class="somediv">   <div class="email-popdown">     <a href="mailto:jane@domain.com">jane@domain.com</a>   </div> </div> 

here javascript isn't working:

$('.email-popdown').each(function(i, obj) {     $('body').append($(this).child('a').attr('href') + '<br>'); }); 

any getting list emails as:

sue@domain.com <br> mark@domain.com <br> jane@domain.com 

thanks!

use .find() instead of .child, , .replace("mailto:", "") strip of mailto: href.

$('.email-popdown').each(function(i, obj) {      $('body').append($(this).find('a').attr('href').replace("mailto:", "") + '<br>');  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div class="somediv">    <div class="email-popdown">      <a href="mailto:sue@domain.com">sue@domain.com</a>    </div>  </div>    <div class="somediv">    <div class="email-popdown">      <a href="mailto:mark@domain.com">mark@domain.com</a>    </div>  </div>    <div class="somediv">    <div class="email-popdown">      <a href="mailto:jane@domain.com">jane@domain.com</a>    </div>  </div>


Comments

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -