淘先锋技术网

首页 1 2 3 4 5 6 7

如果你需要编写一个无序列表的功能,并且希望通过 jQuery 实现选中当前文章的效果,你可以按照以下步骤操作:


<ul>
  <li>文章A</li>
  <li>文章B</li>
  <li>文章C</li>
  <li>文章D</li>
  <li>文章E</li>
</ul>

<script>
  $(document).ready(function() {
    $('li').click(function() {
      $('li').removeClass('active');
      $(this).addClass('active');
    });
  });
</script>

jquery无序列表选中当前

以上代码中,我们首先给 ul 列表添加了一些文章,然后在 jQuery 中定义了一个 li 点击事件,当用户点击 li 时,我们移除所有 li 中的 active 类(以防用户多次点击选中导致多个 active 类),然后再给当前点击的 li 添加 active 类。这样即可实现选中当前文章的效果。