Hi,

I'm trying to obtain the width of a specific element without using it's id

2. <ul id="nav">
3.                     <li id="1"><a href="#">1----</a>
4.                         <ul>
5.                             <li id="1a"><a href="#">1a----</a></li>
6.                             <li id="1b"><a href="#">1b----</a></li>
7.                         </ul>
8.                     </li>
9.                     <li id="2"><a href="#">2----</a></li>
10.                     <li id="3"><a href="#">3----</a></li>
11.                     <li id="4"><a>4----</a>
12.                         <ul>
13.                             <li id="4a"><a href="#">4a----</a></li>
14.                             <li id="4b"><a href="#">4b----</a></li>
15.                         </ul>
16.                     </li>
17.                 </ul>
18. 
    
19. <div id="theDiv">
20. <p id="x"></p>
21. <p id="y"></p>
22. </div>

and this jquery:

1. var x = $('#nav li ul').children()[0];
2. var y = $('#nav li ul').children()[0].width();
3. $('#theDiv #x').append(x);
4. $('#theDiv #y').append(y);

It returns x fine, in this case the element 1a, however it simply return 0 for the y

Can anybody tell me where I'm going wrong

Thanks in advance