本文实例讲述了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节点文字过多的处理方法
# 汉口
# 韶山市
# 湘乡市
# 黄冈市
# 黄石市
# 湘潭市
# 株洲市
# 黄石
# 武昌
# 长沙市
# 武汉市
# 湖北省
# 相关内容
# 湖南省
# 感兴趣
# 给大家
# 点击此处
# 更多关于
# 所述
# 程序设计
相关文章:
网站设计制作企业有哪些,抖音官网主页怎么设置?
建站之星24小时客服电话如何获取?
php json中文编码为null的解决办法
大型企业网站制作流程,做网站需要注册公司吗?
黑客如何通过漏洞一步步攻陷网站服务器?
如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法
建站之星价格显示格式升级,你的预算足够吗?
建站上市公司网站建设方案与SEO优化服务定制指南
建站之星CMS建站配置指南:模板选择与SEO优化技巧
建站之星后台管理系统如何操作?
北京网页设计制作网站有哪些,继续教育自动播放怎么设置?
建站之星如何配置系统实现高效建站?
在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?
如何选择网络建站服务器?高效建站必看指南
免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面,最好是免费的?
矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?
如何注册花生壳免费域名并搭建个人网站?
武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?
详解免费开源的.NET多类型文件解压缩组件SharpZipLib(.NET组件介绍之七)
建站之星代理费用多少?最新价格详情介绍
css网站制作参考文献有哪些,易聊怎么注册?
专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱?
建站之星如何通过成品分离优化网站效率?
制作网站哪家好,cc、.co、.cm哪个域名更适合做网站?
已有域名如何快速搭建专属网站?
深入理解Android中的xmlns:tools属性
宝塔建站无法访问?如何排查配置与端口问题?
如何在建站宝盒中设置产品搜索功能?
如何选择CMS系统实现快速建站与SEO优化?
如何选购建站域名与空间?自助平台全解析
制作网页的网站有哪些,电脑上怎么做网页?
如何在建站主机中优化服务器配置?
c# 在高并发场景下,委托和接口调用的性能对比
详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)
音乐网站服务器如何优化API响应速度?
如何在香港服务器上快速搭建免备案网站?
大连网站制作公司哪家好一点,大连买房网站哪个好?
电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?
如何解决ASP生成WAP建站中文乱码问题?
北京的网站制作公司有哪些,哪个视频网站最好?
如何快速搭建FTP站点实现文件共享?
网站专业制作公司,网站编辑是做什么的?好做吗?工作前景如何?
如何在Tomcat中配置并部署网站项目?
西安专业网站制作公司有哪些,陕西省建行官方网站?
视频网站app制作软件,有什么好的视频聊天网站或者软件?
网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面?
网站制作公司,橙子建站是合法的吗?
金*站制作公司有哪些,金华教育集团官网?
交易网站制作流程,我想开通一个网站,注册一个交易网址,需要那些手续?
兔展官网 在线制作,怎样制作微信请帖?
*请认真填写需求信息,我们会在24小时内与您取得联系。