手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jquery中删除ul中除第一个li外的所有li的代码

时间:2024-10-14 01:33:49

1、新建一个html文件,命名为test.html,用于jquery中删除ul中除第一个li外的所有li的代码。

jquery中删除ul中除第一个li外的所有li的代码

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

jquery中删除ul中除第一个li外的所有li的代码

3、在test.html文件内,使用ul、li标签创建一个列表,li的内容分别为测试一,测试二,测试三。

jquery中删除ul中除第一个li外的所有li的代码

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“删除li”。

jquery中删除ul中除第一个li外的所有li的代码

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行delalli()函数。

jquery中删除ul中除第一个li外的所有li的代码

6、在js标签中,创建一个delalli()函数,在函数内,通过“ul li”获得li对象,使用not()方法排除不删除的li,在not()方法通过“:熠硒勘唏first”排除第一个li对象,将其他li对象使用remove()方法删除。

jquery中删除ul中除第一个li外的所有li的代码

7、在浏览器打开test.html文件,点击按钮,查看实现的效果。

jquery中删除ul中除第一个li外的所有li的代码
jquery中删除ul中除第一个li外的所有li的代码
© 手抄报圈