Question

我是jQuery的新手，我正在努力使用我的代码获取结果，但我没有看到成功，所以我想要你的帮助。我想将类激活添加到所选选项，所有其他选项将删除类。

HTML：

  <ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    <li>Four</li>
  </ul>

CSS：

  li.active{color: blue;}

jQuery的：

 $('li').click(function() {
    if(true) {
       $(this).addClass('active');
    }else{
       $('li').removeClass('active');
    };
 });

Answer 1

由于你做了if（true），它将一直执行所以使用这个

    $('li').click(function() {
           //remove all active class of all li
            $('li').removeClass('active');  
            //set active class for this li only
              $(this).addClass('active');
      }

}）;

我创建了这个jfiddle！为你

Answer 2

试试这段代码： -

<ul class="nav-list">
<li class="active">One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>

$('.nav-list').on('click', 'li', function() {
$('.nav-list li.active').removeClass('active');
$(this).addClass('active');});

if else不使用单选项选择

2 个答案: