在深度嵌套的库中获取href值

我很难找到获取div的最后一个子节点的href值的方法。 基本上，布局是这样的：

 
  
Date
 
Title
  
  
Date
 
Title
  
  
Date
 
Title
  
  
Date
 
Title
  
  <-- trying to get this href value 
Date
 
Title
   

我正在尝试获取“.link”的最后一个兄弟的href值，但我不能。 指出我在哪里做错了？ 到目前为止，这是我的jQuery代码：

 $(document).ready(function(){ var latestUrl = $(".link").siblings(":last").attr("href"); console.log(latestUrl); }); 

但控制台返回：“undefined”

[更新]我找到了解决方案：我需要等到页面加载所有内容，然后才能查找最后一个子项的href属性。 这个例子是一个图像库，所以加载需要相当长的时间，可能在页面加载后一秒钟。 所以这里是为jQuery脚本设置延迟的代码：

  window.setTimeout(function(){ alert($('.link:last').attr("href")); }, 3000);  

这设置了3秒的延迟。 谢谢您的回答！

Answer 1

您需要选择最后一个.slides元素。 你可以使用：

这里的例子

 var latestUrl = $('#slider .slides:last').find('a').attr("href"); console.log(latestUrl); 

---

或者，这也可以：

这里的例子

 var latestUrl = $('a', '#slider .slides:last').attr("href"); console.log(latestUrl); 

---

使用$('.link:last').attr('href')可能在你提供的HTML下工作，如果#slider之外有#slider元素，它将无法工作。 此外，它不保证它将在最后的.slides元素中。

Answer 2

应该像$('.link:last').attr('href')一样简单$('.link:last').attr('href')

 alert($('.link:last').attr('href')) 

  
 
  
Date
 
Title
  
  
Date
 
Title
  
  
Date
 
Title
  
  
Date
 
Title
  
  <-- trying to get this href value 
Date
 
Title