Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 通过设置时间间隔向ul li添加动态类_Jquery - Fatal编程技术网

Jquery 通过设置时间间隔向ul li添加动态类

Jquery 通过设置时间间隔向ul li添加动态类,jquery,Jquery,上面的代码从第一个li标记中删除“current”类,但不插入到下一个li标记。如何在设定的时间间隔内实现这一点 html 幻灯片1 幻灯片2 幻灯片3 幻灯片4 遍历DOM树并获得第一个匹配的祖先 您的列表项是彼此的兄弟项,因此您可以使用: <ul> <li class="current">SLIDE 1</li> <li class="" style="background: #aaa;">SLIDE 2</l

上面的代码从第一个li标记中删除“current”类,但不插入到下一个li标记。如何在设定的时间间隔内实现这一点

html

    幻灯片1 幻灯片2
  • 幻灯片3
  • 幻灯片4
遍历DOM树并获得第一个匹配的祖先

您的列表项是彼此的兄弟项,因此您可以使用

<ul>
        <li class="current">SLIDE 1</li>
    <li class="" style="background: #aaa;">SLIDE 2</li>
    <li class="">SLIDE 3</li>
    <li class="" style="background: #aaa;">SLIDE 4</li>
  </ul>  
遍历DOM树并获得第一个匹配的祖先

您的列表项是彼此的兄弟项,因此您可以使用

<ul>
        <li class="current">SLIDE 1</li>
    <li class="" style="background: #aaa;">SLIDE 2</li>
    <li class="">SLIDE 3</li>
    <li class="" style="background: #aaa;">SLIDE 4</li>
  </ul>  


如果你想循环

function addcls() {
        var $this = $('#slider ul li.current').removeClass('current');
        $this.next('li').addClass('current');
    };


如果你想循环

function addcls() {
        var $this = $('#slider ul li.current').removeClass('current');
        $this.next('li').addClass('current');
    };
$(这个)
在您的函数中没有意义,是吗

function addcls() {
    var $this =$('#slider ul li.current').removeClass('current');
    if ($this.next('li').length > 0) { //if next element is there 
        $this.next('li').addClass('current'); //add class to next to next element 
    } else { 
        $this.closest('ul').find('li:eq(0)').addClass('current'); //else add class to 1 st element 
    }
};
$(这个)
在您的函数中没有意义,是吗

function addcls() {
    var $this =$('#slider ul li.current').removeClass('current');
    if ($this.next('li').length > 0) { //if next element is there 
        $this.next('li').addClass('current'); //add class to next to next element 
    } else { 
        $this.closest('ul').find('li:eq(0)').addClass('current'); //else add class to 1 st element 
    }
};

$(this)在该函数中没有意义$(this)在该函数中没有意义您还可以编写next=current.next()| | current.sides().filter(“:first”)+1但是为了跟随您的注释,
current.next()
将始终作为真实值进行计算。您还可以编写next=current.next()| current.sides().filter(“:first”)+1但是,根据您的评论,
current.next()
将始终被评估为