Question

I have a jquery autocomplete textbox.

http://docs.jquery.com/UI/Autocomplete#events

The spec there shows this:

Triggered when the suggestion menu is opened.
Code examples

Supply a callback function to handle the open event as an init option.

$( ".selector" ).autocomplete({
   open: function(event, ui) { ... }
});

I have that exact code and it works fine, but in the function I want to style the first list item.

$(ui).length is 1
$(ui).find('ul').length is 0
$(ui).find('li').length is 0

I can’t figure out what ui is or how to use it. I can’t use firebug because the popup dialogue disappears as soon as I click the firebug toolbar

Answer 1

This selector should work:

ul.ui-autocomplete li:first-child

You can create a CSS rule with it.