删除列表元素中最后一个li元素

最新推荐文章于 2024-08-14 17:41:16 发布

原创最新推荐文章于 2024-08-14 17:41:16 发布 · 272 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个简单的HTML页面，使用jQuery库实现点击事件，当用户点击无序列表时，将移除列表中的最后一个元素。这是一个基础的前端交互示例，展示了如何结合HTML、JavaScript和jQuery来操作DOM。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery.js"></script>
</head>
<body>
<ul>
    <li>元素01</li>
    <li>元素02</li>
    <li>元素03</li>
    <li>元素04</li>
    <li>元素05</li>
</ul>
<script type="text/javascript">
    $(function(){
        $("ul").on("click",function(){
            $("li").last().remove();
        });
    });
</script>
</body>
</html>