我正在开发一个带有动画导航的项目。(Joomla 在后台工作)
我怎样才能检索class="item-##"
唯一的,同时有多个类(如下所示)。
我的 jQuery
$(document).ready(function(){
var timer;
var hover;
$('#nav li').hover(
function() {
/*Here!>>*/ var id = $(this).attr('class').split('-')[1];
$('.moduletable-subNav ul').slideUp();
$('#submenu-'+id).slideDown();
},
function(){
var id = $(this).attr('id').split('-')[1];
timer = setTimeout(function() { $('#submenu-'+id).slideUp(); },1000);
}
);
$('.moduletable-subNav ul').hover(
function(){
clearTimeout(timer);
},
function(){
var id = $(this).attr('id');
timer = setTimeout(function() { $('#'+id).slideUp(); },1000);
}
);
});
我的 HTML:
<div class="moduletable">
<ul class="menu" id="nav">
<li class="item-109 current active parent"><a href="/tenc2012/burgerlijkrecht" >Burgerlijkrecht</a></li>
<li class="item-110 parent"><a href="/tenc2012/strafrecht" >Strafrecht</a></li>
<li class="item-108"><a href="/tenc2012/bestuursrecht" >Bestuursrecht</a></li>
</ul>
</div>
<div class="moduletable-subNav">
<ul class="menu" id="submenu-109">
<li class="item-114"><a href="/tenc2012/burgerlijkrecht/burgelijk-recht-deel-1" >Burgelijk recht deel 1</a></li>
</ul>
<ul class="menu" id="submenu-110">
<li class="item-117"><a href="/tenc2012/strafrecht/strafvordering" >Strafvordering</a></li>
</ul>
</div>