jquery ztree如何让没有子节点的父节点样式显示为文件夹

1、新建一个html文件，命名为testhtml。

2、在testhtml文件中，使用div标签创建一个模块，再使用p标签，b标签创建测试的内容。

3、在testhtml文件中，设置b标签的id属性为son，主要用于下面通过该id获得b标签对象。

4、在testhtml文件中，使用button标签创建一个按钮，按钮名称为“获得父节点的父节点的兄弟节点内容”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getcon（）函数。

6、在js标签内，创建getcon()函数，在函数内，通过id（son）获得b标签对象 ，重复使用parent()方法获得b标签的父节点的父节点，再使用siblings()获得b标签的父节点的父节点的兄弟节点，通过eq(0)获得第一个兄弟节点，使用text()获得兄弟节点的内容。最后，使用alert()方法将内容输出。

先获取当前对象，再根据对象去获取上一个兄弟节点和下一个兄弟节点

prev()

定义和用法

prev()

获得匹配元素集合中每个元素紧邻的前一个同胞元素，通过选择器进行筛选是可选的。

prev(selector)

参数描述

selector

字符串值，包含用于匹配元素的选择器表达式。

--说明：如果给定一个表示

DOM

元素集合的

jQuery

对象，prev()

方法允许我们在

DOM

树中搜索这些元素的前一个同胞元素，并用匹配元素构造一个新的

jQuery

对象。

next()

定义和用法

next()

获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。

next(selector)

参数描述

selector

字符串值，包含用于匹配元素的选择器表达式。

--说明：如果给定一个表示

DOM

元素集合的

jQuery

对象，next()

方法允许我们搜索

DOM

树中的元素紧跟的同胞元素，并用匹配元素构造新的

jQuery

对象。

示例：

<!--HTML代码-->

<div id="div1">111</div>

div id="div2">222</div>

div id="div3">333</div>$("#div2")prev()attr("id"); //获取div2同级的上一个div的id，值为div1

$("#div2")next()attr("id"); //获取div2同级的下一个div的id，值为div3

$(document)ready(function(){

   $('myli')click(function(){

    $('myli')attr('class','oldliclass'); //旧的样式

    $(this)attr('class','newliclass');  //新的样式

    });

});

//提醒：这个不一定是连续点的，可能是 点1 后又点击5了

首先是自己的所有后代： $("#b")find("")

然后是自己的所有弟弟：$("#b")nextAll()

接着是弟弟们的所有后代：$("#b")nextAll()find("")

然后是自己所有祖先的弟弟（父亲的弟弟、祖父的弟弟……）：$("#b")parents()nextAll()

最后是所有祖先的弟弟们的所有后代：$("#b")parents()nextAll()find("")

contents() 方法获得匹配元素集合中每个元素的子节点，包括文本和注释节点。

DOM节点（Node）通常对应于一个标签，一个文本，或者一个HTML属性

div是标签， 你获取标签的话，用contents()取不到的。

通过children方法，children("input:first-child")

1

2

$(this)children("input:first-child")val();

$(this)children("input:last-child")val();

通过>选择器，$("items>input:first")

在这里转一篇《jQuery选择元素的方法大全》>

以上就是关于jquery ztree如何让没有子节点的父节点样式显示为文件夹全部的内容，包括:jquery ztree如何让没有子节点的父节点样式显示为文件夹、怎么用jquery 获取同级div 上一个div的id 跟下一个div的id、jquery选择除了它本身之外的li等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！