Question

我有以下要素：

<div class="content" id="content_1" style="display: none; ">

<ul class="ad-thumb-list" style="width: 473px; ">

<li> 
<a href="../images/portfolio/portfolio_1_1.png" class="ad-thumb0 ad-active">
<img src="../images/portfolio/thumbs/thumb_1_1.png"  style="opacity: 1; ">
</a>
</li>

    <li> 
<a href="../images/portfolio/portfolio_1_2.png" class="ad-thumb0">
<img src="../images/portfolio/thumbs/thumb_1_1.png"  style="opacity: 1; ">
</a>
</li>

  <li> 
<a href="../images/portfolio/portfolio_1_3.png" class="ad-thumb0">
<img src="../images/portfolio/thumbs/thumb_1_1.png"  style="opacity: 1; ">
</a>
  </li>         

 </ul>

</div>

我需要在<a>

中获取第一个链接<ul> <li>的href属性

我有几种这样的div，因为你可以看到它有id ='content_1'，所以其他人会有id ='content_2'......等等。

如何使用jQuery获取被调用div的第一个li中的第一个href？

Answer 1

$('#content_1 li:first a').attr('href');

如果你有很多div，那么：

$('.content').each( function() {
    $(this).find('li:first a').attr('href');
});

Answer 2

感兴趣的a的XPath将是：

//div[@id="content_1"]/ul/li[1]/a

这意味着，在文档根目录下方的任何位置找到具有指定div的{{1}}。在此之下，找到id并获取其第一个ul。在其中，有li。

你在实际情况下如何实现这一点取决于你正在使用什么（客户端JS？框架之一？web-scraping脚本？）。

参考特定div的第一个链接

2 个答案: