Jquery: get link by class or selector

Question

I'm creating a list of images from a folder, and then I open them in a fancybox... so I have thumnails, big images, and a text link to full image.

<div id="download_image">
  <p><a href="images/download/folder/big/<?php echo $file;?>" class="fancybox"><img src="<?php echo $path;?><?php echo $file?>" /></a></p>
  <p><a href="images/download/folder/full/<?php echo $file;?>.zip" class="btn-download">DOWNLOAD</a></p>
</div>

Then I'm getting images path by jquery, for each image:

var download_image = jQuery('#download_image');
var images  = download_image.find('img');

download_images.each(function(){
    var img = jQuery(this);
    var img_source = img.attr('src');

Now I need to get the url of the "btn-download" link for each image... but I don't know which selector must I use! Any advice?

Answer 1

Try this

$('a[class=btn-download]').attr('href')

Answer 2

Use $('.btn-download') to select an element by class.

If you want to get the href attribute then simply use:

var href = $('.btn-download').attr('href');

To loop through each element use:

$('.btn-download').each(function(){
    var href = $(this).attr('href');
    // do something with href
})