2015-03-25 22 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