относятся к первому звену конкретного DIV

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> 

Мне нужно, чтобы получить HREF атрибута первого звена <a> внутри <ul> <li>

У меня есть несколько такого рода дива, как вы можете видеть он имеет id = 'content_1', поэтому другие будут иметь id = 'content_2' ... и так далее.

Как я могу получить href первого a в первом li из вызываемого div с jQuery?

Answer 1

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

, если у вас есть много дивы, то:

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

Answer 2

XPath к a интереса будет:

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

Это значит, где-нибудь под корень документа найти div с указанным id. Под этим найдите ul и получите его первый li. Внутри этого есть a.

Как вы на самом деле достигаете того, что в вашем случае зависит от того, с чем вы работаете (на стороне клиента JS? Один из фреймворков? Скрипт веб-скрепок?).