Get the "alt" attribute from an image that resides inside an <a> tag

jquery next
Marco picture Marco · Oct 7, 2010 · Viewed 67.2k times · Source

this should be fairly simple but for some reason, it doesn't work.

I want to get the "alt" attribute from an image that resides inside an tag

<div id="album-artwork">
<ul>
   <li><a href="link to large image"><img src="thumbnail" alt="description of the image" /></a></li>
   ...
</ul>
</div>



$("#album-artwork a").click(function(e) {
e.preventDefault();

var src = $(this).attr("href");
var alt = $(this).next("img").attr("alt");


alert(src); // ok!
alert(alt); //output: undefined

});

any ideas why next() doesn't work? Is there a better solution out there?

Thanks in advance Marco

Answer

Catfish picture Catfish · Oct 7, 2010

It's because the image tag is inside the ul tag. next only looks for tags at the same level. You'll have to use

var alt = $(this).children("img").attr("alt");

EDIT: included the additional " that was missing

Related questions

jquery, find next element by class

How can i find the next element by class. i tried with $(obj).next('.class'); but this returns classes only in $(obj) parent. I need to take the next element anywhere throughout the code by class name. Because my …

Read More
jquery find next element with class

I'm trying to find the next element with a class of "error" and hitting a wall. In looking at the demo on jQuery's site, this should work, but doesn't. $("button[disabled]").next().text("this button is disabled"); <div> &…

Read More
jQuery: this: "$(this).next().next()" works, but "$(this).next('.div')" does Not

Okay, I am trying to get this set of information to hide individually. <img class="arrow" src="images/navigation/arrowright.png"> <H2>More Information</H2> <div class="box"> <h2>Bibendum …

Read More