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

ChengZiYa_

于 2019-10-27 20:34:44 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.youkuaiyun.com/ChengZiYa_/article/details/102771118

本文介绍了一个使用jQuery简化网页操作的方法，具体演示了如何通过点击按钮删除HTML列表中的最后一个元素。此代码片段适用于初学者理解jQuery的基本用法及网页元素的动态操作。

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

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

清楚明了壹
在这里插入图片描述

<title></title>
    <script src="js/jquery.js"></script>
</head>
<body>
<ul>
    <li>元素01</li>
    <li>元素2</li>
    <li>元素03</li>
    <li>元素04</li>
    <li>元素05</li>
    <li>元素06</li>
</ul>
<input type="button" value="删除最后一个元素">
<script>
    $(function(){
        $(":input").click(function(){
            $("ul li:last-child").remove();
        });

    });
</script>
</body>

这是从家到学校的半个多小时了