How to get the tagName of next selector?

Question

I need to verify is the next element of each <a> tag <img> or not? so, i need to get the tagName of each <a> element's next tag.

$("a").each(function()
{
     how to verify it here?
});

Thanks

Answer 1

jAndy's answer is correct and most efficient, but you can also use jQuery's is() method:

$('a').each(function() {
    if($(this).next().is('img')) { ... }
});

Answer 2

$("a").each(function(){
    if(this.nextSibling && this.nextSibling.tagName && this.nextSibling.tagName.toLowerCase() == 'img'){
        //so something when the next element is an image
    }
});

Edit: added check for element: if there is not nextSibling, it would fail. Text nodes doesn't have a tagName, so check for it too.

Answer 3

If you're using the .tagname property on the DOM object, beware that In XHTML (or any other XML format), the element will be returned in lower case (e.g. 'img') In HTML you will get it in uppercase (e.g. 'IMG').

See https://developer.mozilla.org/en/DOM/element.tagName

You'll need to know this for your comparison.