Reference unordered list item as an array

Reference unordered list item as an array

I have an unordered list that I am using as a menu.  This list contains sub lists.

I found out how to get the index of the primary unordered list item that is being hovered but I am not getting the syntax correct to reference the individual items of this list to get the HTML, the position, height and length of this item.
 

What would that statement look like? Thanks!

 
  1. $(" #nav li").hover(function(){
  2.         // Locate the index of the singular list item that is being hovered
  3.         var index = $(this).parent().children('li').index(this);
  4.  
  5.         // This is incorrect
  6.         var $itemObject = $(this).parent().children('li')[index];
  7.