Jquery:按类或选择器获取链接

我正在从文件夹中创建一个图像列表，然后在fancybox中打开它们。。。所以我有图钉，大图片，和一个完整图片的文本链接

<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>

现在我需要得到每个图像的“btn下载”链接的url。。。但我不知道我必须使用哪个选择器！有什么建议吗？

使用

$（'.btn download'）

按类选择元素

如果要获取href属性，只需使用：

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

要循环遍历每个元素，请使用：

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

试试这个

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

每个

-函数都是冗余的，因为您应该只有一个具有特定id的元素。这里列出的只是为了防止您想要有多个下载图像和按钮

在您的问题中，您提到您正在获取每个图像的路径。如果您有多个

download\u image

元素，我强烈建议您将

download\u image

设置为一个类

$('.btn-download').each(function() {
  console.log(this.href); // get the normalized `href` property; fastest solution
  console.log($(this).attr('href')); // get the exact `href` attribute value
});

请注意，支持

$（'.btn download'）.attr（'href'）

的答案不正确，因为这些答案只会返回集合中第一个元素的

href

属性值。

请尝试以下操作：

$('#download_image').each(function(){
    var img_source = $('img', this).attr('src');
    var link_href = $('a.btn-download', this).attr('href');
});

---

a[]

是不必要的，除非在a以外的元素上使用“btn下载”tags@BenCarey，没错，但是他没有显示完整的代码，所以可能除了

a

标记之外还有其他元素使用相同的类是的，我同意。当他要求使用类选择器时，我假设他想要选择该类的所有元素。谢谢，但我有一个图像列表。。。所以我需要得到与当前图像相关的url。通过使用“var href=$（'.btn download'）.attr（'href'）；“我总是得到第一个图像的url…@user1292580好的，所以使用$（'.btn download'）.each（）。我会的post@user1292580如果这是正确答案，请接受！

$('.btn-download').each(function() {
  console.log(this.href); // get the normalized `href` property; fastest solution
  console.log($(this).attr('href')); // get the exact `href` attribute value
});

$('#download_image').each(function(){
    var img_source = $('img', this).attr('src');
    var link_href = $('a.btn-download', this).attr('href');
});