本文实例讲述了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 findSelect()
{
var treeObj = $.fn.zTree.getZTreeObj("baseTree");
var nodes = treeObj.getSelectedNodes();
for(var i=0;i<nodes.length;i++)
{
var nodeId = nodes[i].id;
var nodeName = nodes[i].name;
alert("树节点编码:"+nodeId+"\n"+"树节点名称:"+nodeName);
}
}
//-->
</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="findSelect()" value="获取选中节点"/>
</div>
</div>
</body>
</html>
2、设计效果图:
(1)初始化
(2)单击按钮
3、设计说明
获取 zTree 当前被选中的节点数据集合
var treeObj = $.fn.zTree.getZTreeObj("baseTree");
var nodes = treeObj.getSelectedNodes();
附:zTree_v3插件点击此处本站下载。
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
# jQuery
# 插件
# zTree
# 基本树
# 节点获取
# ztree获取当前选中节点子节点id集合的方法
# js树插件zTree获取所有选中节点数据的方法
# 后台获取ZTREE选中节点的方法
# zTree实现节点修改的实时刷新功能
# 在父页面得到zTree已选中的节点的方法
# ztree获取选中节点时不能进入可视区域出现BUG如何解决
# jQuery插件zTree实现删除树节点的方法示例
# zTree异步加载展开第一级节点的实现方法
# jQuery插件zTree实现清空选中第一个节点所有子节点的方法
# zTree节点文字过多的处理方法
# 韶山市
# 湘乡市
# 黄冈市
# 黄石市
# 湘潭市
# 株洲市
# 汉口
# 黄石
# 武昌
# 长沙市
# 武汉市
# 湖北省
# 相关内容
# 湖南省
# 感兴趣
# 给大家
# 点击此处
# 更多关于
# 所述
# 程序设计
相关文章:
如何制作一个表白网站视频,关于勇敢表白的小标题?
美食网站链接制作教程视频,哪个教做美食的网站比较专业点?
电脑免费海报制作网站推荐,招聘海报哪个网站多?
MySQL查询结果复制到新表的方法(更新、插入)
网站建设制作、微信公众号,公明人民医院怎么在网上预约?
香港网站服务器数量如何影响SEO优化效果?
平台云上自助建站如何快速打造专业网站?
网站制作公司排行榜,抖音怎样做个人官方网站
建站中国官网:模板定制+SEO优化+建站流程一站式指南
沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息?
微网站制作教程,我微信里的网站怎么才能复制到浏览器里?
,柠檬视频怎样兑换vip?
免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程?
品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?
安徽网站建设与外贸建站服务专业定制方案
哈尔滨网站建设策划,哈尔滨电工证查询网站?
做企业网站制作流程,企业网站制作基本流程有哪些?
宿州网站制作公司兴策,安徽省低保查询网站?
导航网站建站方案与优化指南:一站式高效搭建技巧解析
网站制作模板下载什么软件,ppt模板免费下载网站?
电视网站制作tvbox接口,云海电视怎样自定义添加电视源?
网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?
杭州银行网站设计制作流程,杭州银行怎么开通认证方式?
山东云建站价格为何差异显著?
宝盒自助建站智能生成技巧:SEO优化与关键词设置指南
如何在Windows环境下新建FTP站点并设置权限?
如何通过云梦建站系统实现SEO快速优化?
如何用西部建站助手快速创建专业网站?
php条件判断怎么写_ifelse和switchcase的使用区别【对比】
如何用虚拟主机快速搭建网站?详细步骤解析
如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法
企业微网站怎么做,公司网站和公众号有什么区别?
如何确保FTP站点访问权限与数据传输安全?
图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf?
全景视频制作网站有哪些,全景图怎么做成网页?
平台云上自主建站:模板化设计与智能工具打造高效网站
大学网站设计制作软件有哪些,如何将网站制作成自己app?
新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站,我要发表小说?
如何快速搭建高效服务器建站系统?
如何在建站之星网店版论坛获取技术支持?
Python路径拼接规范_跨平台处理说明【指导】
建站之星如何助力企业快速打造五合一网站?
子杰智能建站系统|零代码开发与AI生成SEO优化指南
公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?
如何在Windows虚拟主机上快速搭建网站?
建站中国必看指南:CMS建站系统+手机网站搭建核心技巧解析
建站之星如何助力网站排名飙升?揭秘高效技巧
北京专业网站制作设计师招聘,北京白云观官方网站?
小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊?
已有域名能否直接搭建网站?
*请认真填写需求信息,我们会在24小时内与您取得联系。