如果你需要编写一个无序列表的功能,并且希望通过 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>
以上代码中,我们首先给 ul 列表添加了一些文章,然后在 jQuery 中定义了一个 li 点击事件,当用户点击 li 时,我们移除所有 li 中的 active 类(以防用户多次点击选中导致多个 active 类),然后再给当前点击的 li 添加 active 类。这样即可实现选中当前文章的效果。