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
Post a Comment