本文实例讲述了jQuery插件zTree实现删除树节点的方法。分享给大家供大家参考,具体如下:

1、实现代码:
<!DOCTYPE html>
<html>
<head>
<title>zTree实现基本树</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="zTree_v3/css/demo.css" rel="external nofollow" >
<link rel="stylesheet" type="text/css" href="zTree_v3/css/zTreeStyle/zTreeStyle.css" rel="external nofollow" >
<script type="text/javascript" src="zTree_v3/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="zTree_v3/js/jquery.ztree.core.min.js"></script>
<script type="text/javascript">
<!--
var setting = {
data: {
simpleData: {
enable: true
}
}
};
var zNodes =[
{ id:1, pId:0, name:"湖北省", open:true},
{ id:11, pId:1, name:"武汉市", open:true},
{ id:111, pId:11, name:"汉口"},
{ id:112, pId:11, name:"汉阳"},
{ id:113, pId:11, name:"武昌"},
{ id:12, pId:1, name:"黄石市"},
{ id:121, pId:12, name:"黄石港区"},
{ id:122, pId:12, name:"西塞山区"},
{ id:123, pId:12, name:"下陆区"},
{ id:124, pId:12, name:"铁山区"},
{ id:13, pId:1, name:"黄冈市"},
{ id:2, pId:0, name:"湖南省", open:true},
{ id:21, pId:2, name:"长沙市", open:true},
{ id:211, pId:21, name:"芙蓉区"},
{ id:212, pId:21, name:"天心区"},
{ id:213, pId:21, name:"岳麓区"},
{ id:214, pId:21, name:"开福区"},
{ id:22, pId:2, name:"株洲市"},
{ id:221, pId:22, name:"天元区"},
{ id:222, pId:22, name:"荷塘区"},
{ id:223, pId:22, name:"芦淞区"},
{ id:224, pId:22, name:"石峰区"},
{ id:23, pId:2, name:"湘潭市"},
{ id:231, pId:23, name:"雨湖区"},
{ id:232, pId:23, name:"岳塘区"},
{ id:233, pId:23, name:"湘乡市"},
{ id:234, pId:23, name:"韶山市"}
];
$(document).ready(function(){
$.fn.zTree.init($("#baseTree"), setting, zNodes);
});
/**
* 删除选中节点
*/
function removeNodes()
{
var treeObj = $.fn.zTree.getZTreeObj("baseTree");
//选中节点
var nodes = treeObj.getSelectedNodes();
for (var i=0, l=nodes.length; i < l; i++)
{
//删除选中的节点
treeObj.removeNode(nodes[i]);
}
}
//-->
</script>
</head>
<body>
<div class="content_wrap">
<div class="zTreeDemoBackground left" style="text-align: center;">
<ul id="baseTree" class="ztree" style="height: 300px; width:200px; overflow-y: auto"></ul>
<input type="button" id="btn" onclick="removeNodes()" value="删除节点"/>
</div>
</div>
</body>
</html>
2、实现效果图:
(1)初始化
(2)点击“汉口”,再单击“删除节点”
3、说明
//删除选中的节点 treeObj.removeNode(nodes[i]);
附:zTree_v3插件点击此处本站下载。
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
# jQuery
# 插件
# zTree
# 删除
# 树节点
# ztree获取当前选中节点子节点id集合的方法
# js树插件zTree获取所有选中节点数据的方法
# 后台获取ZTREE选中节点的方法
# zTree实现节点修改的实时刷新功能
# 在父页面得到zTree已选中的节点的方法
# ztree获取选中节点时不能进入可视区域出现BUG如何解决
# zTree异步加载展开第一级节点的实现方法
# jQuery插件zTree实现的基本树与节点获取操作示例
# jQuery插件zTree实现清空选中第一个节点所有子节点的方法
# zTree节点文字过多的处理方法
# 汉口
# 韶山市
# 湘乡市
# 黄冈市
# 黄石市
# 湘潭市
# 株洲市
# 黄石
# 武昌
# 长沙市
# 武汉市
# 湖北省
# 相关内容
# 湖南省
# 感兴趣
# 给大家
# 点击此处
# 更多关于
# 所述
# 程序设计
相关文章:
网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?
动图在线制作网站有哪些,滑动动图图集怎么做?
建站主机选虚拟主机还是云服务器更好?
,巨量百应是干嘛的?
如何在万网ECS上快速搭建专属网站?
网站企业制作流程,用什么语言做企业网站比较好?
头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?
如何在IIS7上新建站点并设置安全权限?
如何正确选择百度移动适配建站域名?
可靠的网站设计制作软件,做网站设计需要什么样的电脑配置?
建站主机数据库如何配置才能提升网站性能?
建站之星如何快速解决建站难题?
学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?
建站之星如何保障用户数据免受黑客入侵?
Swift中循环语句中的转移语句 break 和 continue
惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样?
重庆市网站制作公司,重庆招聘网站哪个好?
较简单的网站制作软件有哪些,手机版网页制作用什么软件?
香港服务器租用每月最低只需15元?
建站之星安装需要哪些步骤及注意事项?
TestNG的testng.xml配置文件怎么写
巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成
制作宣传网站的软件,小红书可以宣传网站吗?
网站制作需要会哪些技术,建立一个网站要花费多少?
成都网站制作报价公司,成都工业用气开户费用?
如何快速查询域名建站关键信息?
如何在云虚拟主机上快速搭建个人网站?
ppt制作免费网站有哪些,ppt模板免费下载网站?
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
零基础网站服务器架设实战:轻量应用与域名解析配置指南
如何快速重置建站主机并恢复默认配置?
如何快速搭建二级域名独立网站?
建站主机SSH密钥生成步骤及常见问题解答?
整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去?
创业网站制作流程,创业网站可靠吗?
如何选择可靠的免备案建站服务器?
如何快速登录WAP自助建站平台?
湖南网站制作公司,湖南上善若水科技有限公司做什么的?
专业网站建设制作报价,网页设计制作要考什么证?
建站之星官网登录失败?如何快速解决?
外贸公司网站制作,外贸网站建设一般有哪些步骤?
C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换
建站为何优先选择香港服务器?
如何通过西部建站助手安装IIS服务器?
linux top下的 minerd 木马清除方法
如何在云主机快速搭建网站站点?
建站之星导航如何优化提升用户体验?
如何在腾讯云服务器快速搭建个人网站?
如何通过宝塔面板实现本地网站访问?
杭州银行网站设计制作流程,杭州银行怎么开通认证方式?
*请认真填写需求信息,我们会在24小时内与您取得联系。