2015-03-25 26 views
0

内的onclick为了简化问题,我有2个UL列表如下图所示:jQuery的父

<ul class='same'> 
    <li>1</li> 
    <li>2</li> 
</ul> 
<ul class='same'> 
    <li>q</li> 
    <li>w</li> 
</ul> 

由于Im做一个自定义的幻灯片,我加入/ UL是去除内李类。但是,这样做当然选择的选择都将UL李

$("ul li") 

的这样,我有4个箭头与代表向左,向右,向上或向下

in another div** 
<div class="arrow"> 
    <a>left</a> 
    <a>right</a> 
    <a>up</a> 
    <a>down</a> 
</div> 

你可以想像,幻灯片都显示为网格。第一个ul代表第一个滑块,第二个滑块代表第二个滑块,点击向下箭头等等。

Demo of slideshow

我怎么能在不修改CSS类一次针对一个UL李?

+0

你有,你有任何JavaScript试过 – 2015-03-25 03:46:56

+0

你什么时候在做ti ...点击某个li – 2015-03-25 03:51:06

+0

http://jsfiddle.net/arunpjohny/axhwfbp9/1/ – 2015-03-25 03:51:58

回答

1

基础上有机磷农药的问题,并给出OP的澄清想知道当前活动的元素,并从以前的项目

删除一些属性
var $uls = $('ul.same'); 
$(".arrow a").click(function() { 
    var $c = $uls.filter('.active').removeClass('active'); 
    var $n = $c.next(); 
    $n.addClass('active') 

}) 

演示:Fiddle

+0

谢谢!救世主! – Andrew 2015-03-25 04:47:34