Cuando se carga el documento, quiero obtener el atributo href de cada botón en la lista de reproducción de clase.

mi código HTML

 <div class="playlist p-5"> <div class="song p-3"> <span><button href="song.mp3" class="songlink btn"> song 1<i class="fa fa-play playbtn"></i></button></span> <div class="wavetest"></div> </div> <div class="song p-3"> <span><button href="song2.m4a" class="songlink btn"> song 2<i class="fa fa-play playbtn"></i></button></span> <div class="wavetest"></div> </div> <div class="song p-3"> <span><button href="song3.mp3" class="songlink btn"> song 3<i class="fa fa-play playbtn"></i></button></span> <div class="wavetest"></div> </div> </div>

mi código jquery me da solo href del primer botón. aquí está mi código jQuery.

 $(document).ready(function(){ alert($('.playlist').find('button').attr('href')); });