Question

I have following elements:

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

I need to get href attribute of first link <a> inside <ul> <li>

I have several this kind of divs, as you can see it has id=’content_1′, so others will have id=’content_2’… and so on.

How can I get href of first a in first li of a called div with jQuery?

Answer 1

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

if you have many divs, then:

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