Question

index = 5;
alert($('ul li:eq(index) a',context).html());

This script will alert : "Null", but when I change to:

alert($('ul li:eq(5) a',context).html()); // it works

So what is wrong with this script?

Answer 1

You need to use the variable value, not the index string…

index = 5;
alert($('ul li:eq(' + index + ') a',context).html());

A lot more readable and little faster version is:

If context is a DOM node:

$(context).find('ul li').eq(index).find('a').html()

If context is a jQuery object:

context.find('ul li').eq(index).find('a').html()