jquery onclick在父级内

时间:2015-03-25 03:44:51

标签: jquery html

为简化起见,我有2个如下列表:

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

在我做自定义幻灯片放映时,我在ul中添加/删除li上的类。但是,选择这种方式的选择器当然会选择所有的ul li

$("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 li?

1 个答案:

答案 0 :(得分:1)

基于OP的问题和给出的澄清,OP希望了解当前活动的元素,并从之前的项目中删除一些属性

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

})

演示:Fiddle