تعیین لول برای تگ های تو در تو

[css-man]

دوستان من میخوام ئر قطعه کد زیر منو های اصلی رو بهشون کلاس level1 بدم
به زیر منو ها شون level2 زیر منوی level 2 رو level3 بدمو...




<ul>
<li><a href="#">سطح1</a></li>
<li><a href="#">سطح 1</a>
<ul>
<li><a href="#">سطح2</a></li>
<li><a href="#">سطح2</a>
<ul>
<li><a href="#">سطح3</a></li>
<li><a href="#">سطح3</a>
</ul>
</li>
<li><a href="#">سطح2</a></li>
</ul>
</li>
<li><a href="#">سطح1</a></li>
<li><a href="#">سطح1</a></li>
</ul>




و به همین ترتیب هر چقدر تگها تودر تو شد بتونم کلاس با شماه مناسب بدم

میشه راهنمائیم کنید؟

[jalil_gh]

اول به اون ul اصلی یه id مشخص بده (من بهش main دادم)
$('ul#main li').each(function() {
var $this = $(this)
$this.addClass('level' + ($this.parentsUntil('#main', 'li').length + 1));
});