Question

Possible Duplicate:
How to programmatically select selectables with jQuery UI?

Does anyone know how to manually or programmatically select a child item of a jQuery UI selectable?

Answer 1

This isn’t exclusive to a selectable object, but if you just want to get the html node, you can use the :nth-child() selector found here.

$(".selector li:nth-child(2)")

Depending on what you need to do with this child, this may work for you.

EDIT

I think I missed your intended meaning of ‘select’. I don’t immediately see an easy way to use the API to select an item, but you could always just add the class ui-selected to a child item and the css should take care of the rest. This probably won’t trigger API events, however.

Or, you could just do

$(".selector li:nth-child(2)").click();

to select with a fake mouse click.