jQuery实现删除li节点的方法

2019-11-19 18:39:27

字体：大中小

来源：转载

供稿：网友

废话不多说了，直接给大家贴代码了，具体代码如下所示：

<html><head><meta charset="utf-8"><title></title><style>ul {list-style: none;}li {line-height: 25px;margin-top: 3px;}li:hover {background-color: #ddd;}li.hover {background-color: #fc0;}</style><script src="./jquery-2.2.4.min.js"></script><script type="text/javascript">$(function() {//获取每一个li节点并设置点击事件$("li").click(function() {//当点击某一个节点的时候，增加类名为hover$(this).toggleClass("hover");});//获取删除按钮并设置点击事件$("button").click(function() {//将类名是hover的节点删除$("li.hover").remove();});});</script></head><body><h2 id="hid">jQuery实例--节点删除</h2><ul><li>asdfasdfasfd</li><li>asdfasdfasfd</li><li>asdfasdfasfd</li><li>asdfasdfasfd</li><li>asdfasdfasfd</li><li>asdfasdfasfd</li></ul><button>删除</button></body></html>