1

我有以下元素：

<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>内部第一个链接的 href 属性<ul> <li>

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

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

4

2 回答 2

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

如果你有很多 div，那么：

$('.content').each( function() {
    $(this).find('li:first a').attr('href');
});
于 2012-08-07T08:55:22.917 回答
1

感兴趣的 XPatha将是：

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

这意味着，在文档根目录下的任何位置都可以找到div具有指定id. 在此之下，找到 aul并获得它的第一个li。在里面，有一个a.

在您的情况下，您如何实际实现这一点取决于您正在使用什么（客户端 JS？其中一个框架？网络抓取脚本？）。

于 2012-08-07T08:12:24.817 回答