Question

这是我的HTML代码：

  <div id="slides">
    <ul>
      <li><a href="" class="current">2</a></li>
      <li><a href="">3</a></li>
      <li><a href="">4</a></li>
      <li><a href="">5</a></li>
      <li><a href="">6</a></li>
      <li><a href="">7</a></li>
    </ul>
  </div>

和这个jQuery代码：

$('#slides li a.current').next('li a').addClass("current");

但这不起作用，我的错误在哪里？

http://jsfiddle.net/636vV/

Answer 1

$('#slides a.current').parent('li').next("li").find("a").addClass("current");

Answer 2

$('#slides a.current').parent('li').next('li').find('a').addClass("current");

或

$('#slides a.current').parent('li').next('li').children('a').addClass("current");

Answer 3

$('#slides li a.current').parent().next().find('a').addClass("current");

Answer 4

$('#slides li a.current').parent().next().find('a').addClass("current");

Live DEMO

Answer 5

$('#slides li:has(a[class="current"])').next().find('a').addClass("current")

JSFiddle

Answer 6

在这里你去demo = http://jsfiddle.net/ncdjU/1/

希望这会有所帮助并且有一个好的！

Jquery代码

   $('#slides > ul > li').click(function() {

    $('#slides > ul > li > a.current').removeClass('current');

    $(this).find('a').addClass("current");

});

jQuery：使用.next（）来选择下一个选择器

6 个答案: