在jQuery中,我们可以使用.remove()
函数来去掉HTML元素,这个函数可以接受一个或多个选择器作为参数,并删除匹配的元素。
(图片来源网络,侵删)
以下是一些示例:
1、删除单个元素:
$("p").remove(); // 这将删除页面上所有的<p>标签
2、删除多个元素:
$("div, span").remove(); // 这将删除页面上所有的<div>和<span>标签
3、删除具有特定类的元素:
$(".myClass").remove(); // 这将删除所有具有类名为"myClass"的元素
4、删除具有特定ID的元素:
$("#myId").remove(); // 这将删除ID为"myId"的元素
5、删除特定元素及其子元素:
$("#myId").remove(); // 这将删除ID为"myId"的元素及其所有子元素
6、删除特定元素及其后代元素:
$("#myId").remove(); // 这将删除ID为"myId"的元素及其所有后代元素
7、删除特定元素及其所有兄弟元素:
$("#myId").siblings().remove(); // 这将删除ID为"myId"的元素的所有兄弟元素
8、删除特定元素及其所有父级元素:
$("#myId").parent().remove(); // 这将删除ID为"myId"的元素的所有父级元素,包括它自己
9、删除特定元素及其所有祖先元素:
$("#myId").ancestor().remove(); // 这将删除ID为"myId"的元素的所有祖先元素,包括它自己
10、删除特定元素及其所有后代元素的某个特定类的元素:
$("#myId").find(".myClass").remove(); // 这将删除ID为"myId"的元素的所有后代元素中具有类名为"myClass"的元素
11、删除特定元素及其所有后代元素的某个特定ID的元素:
$("#myId").find("#myId").remove(); // 这将删除ID为"myId"的元素的所有后代元素中ID也为"myId"的元素
12、删除特定元素及其所有后代元素的某个特定属性的元素:
$("#myId").find("[attribute]").remove(); // 这将删除ID为"myId"的元素的所有后代元素中具有属性名为"attribute"的元素
注意:.remove()
函数不会返回被删除的元素,也不会触发任何事件,如果你想在删除元素后执行某些操作,你需要在调用.remove()
函数之前添加你的代码。.remove()
函数只会从DOM中删除元素,而不会从jQuery对象中删除它们,如果你想从jQuery对象中也删除这些元素,你可以使用.empty()
函数。
原创文章,作者:酷盾叔,如若转载,请注明出处:https://www.kdun.com/ask/374132.html
本网站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本网站。如有问题,请联系客服处理。
发表回复