<ul class="yes">
<dl class="on"></dl>
<dl></dl>
<dl></dl>
<dl></dl>
<dl></dl>
</ul>
<ul class="yes">
<dl class="on"></dl>
<dl></dl>
<dl></dl>
<dl></dl>
<dl></dl>
</ul>
<ul class="yes">
<dl class="on"></dl>
<dl></dl>
<dl></dl>
<dl></dl>
<dl></dl>
</ul>
<script>
$(function() {
var children = $('ul.yes > dl');
children.each(function(i){
$(this).mouseover(function(e) {
if($("ul.yes dl").hasClass("on")){$("ul.yes dl").removeClass('on');}
$(this).addClass('on');
}).mouseout(function(e) {
if($("ul.yes dl.on").length>1){$(this).removeClass('on');}
});
});
});
</script>
如何鼠标经过ul下的dl标签给加css,删除同ul下的其他dl里面的css,而不删除到同ul下的dl的css,我这个的效果会删除到其他ul下的dl的css,怎么修改才可以解决啊