如何使用Jquery获取当前节点的孙节点

这些jquery的一些查找方法：可以看看

jQueryparent(expr)           //找父元素

jQueryparents(expr)          //找到所有祖先元素，不限于父元素

jQuerychildren(expr)        //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙

jQuerycontents()            //查找下面的所有内容，包括节点和文本。

jQueryprev()                //查找上一个兄弟节点，不是所有的兄弟节点

jQueryprevAll()             //查找所有之前的兄弟节点

jQuerynext()                //查找下一个兄弟节点，不是所有的兄弟节点

jQuerynextAll()             //查找所有之后的兄弟节点

jQuerysiblings()            //查找兄弟节点，不分前后

jQueryfind(expr)            //跟jQueryfilter(expr)完全不一样，jQueryfilter(expr)是从初始的

jQuery对象集合中筛选出一部分，而jQueryfind()的返回结果，不会有初始集中

筛选出一部分，而jQueryfind()的返回结果，不会有初始集合中的内容，比如：

  $("p")find("span")是从元素开始找，等于$("p span")

var jCheckbox = jQuery('checkbox');//你的checkbox

var jTr=jCheckboxparent()parent();//即可

不知道你想获取什么jQuery很强大或者使用

var jTr=jCheckboxparents('tr');//所有父元素中选择tr

var jTr=jCheckboxclosest('tr');//只要最近的

JQuery提供以下两个方法可以读取节点中的内容：

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容（包括 HTML 标记）

注意二者在获取内容上的区别，实例演示如下:

1、HTML结构

<div id="test"><i>示例文字</i></div>

<input type="button" id="btn1" value="获取text">

<input type="button" id="btn2" value="获取html">

2、jquery代码

$(function(){

$("#btn1")click(function() {

alert($("#test")text());

});

$("#btn2")click(function() {

alert($("#test")html());

});

});

3、效果演示

你可以看下js事件委托

你这个事件声明的时候，节点还没有生成，

$(document)on('click', 'button', function () {

 $("big")append("<div class="small"><button class="button"></button></div>")

});

这样就可以了。

给你写个简单的 demo

<div class="boxbox clearfix">

    <span class="selected" id="boxboxa">a</span>

    <span id="boxboxb">b</span>

</div>

<div class="boxbox-con">

    <div class="onediv" id="onediv">一个div</div>

    <div class="otherdiv" id="otherdiv">另一个div</div>

</div><style type="text/css">

    clearfix:before,clearfix:after {display: table; content: ''; height: 0; width: 0; clear: both;}

    boxbox span {width: 200px; float: left; display: inline-block; height: 35px; line-height: 35px; text-align: center; font-size: 24px}

    boxbox spanselected {background-color: #f1f1f1;}

    boxbox-con {height: 300px;}

    boxbox-con onediv {background-color: red; height: 100%;}

    boxbox-con otherdiv {background-color: cyan; display: none; height: 100%}

</style><script type="text/javascript" src="jqueryjs"></script>

<script type="text/javascript">

    $('#boxboxa')on('click',function(){

        $(this)addClass('selected')siblings()removeClass('selected');

        $('#onediv')show();

        $('#otherdiv')hide();

    });

    $('#boxboxb')on('click',function(){

        $(this)addClass('selected')siblings()removeClass('selected');

        $('#onediv')hide();

        $('#otherdiv')show();

    });

</script>

ztree异步加载节点的时候需要提供一个url。

ztree初始化完会向这个url发送一次请求注意这个时候是不会带参数的。这个时候你需要返回给它你想要的节点。

ps:我是返回一个根节点给它。

然后在点击此时的节点时候，还是会向这个url发送请求此时会带配置的参数，如果你现在的处理方式和初始化之后那样，就还是返回你开始的那些节点给你。

所以，你需要根据不同的动作来处理你的返回值。

async : {

    enable : true,

    url : _mapurl,//异步路径

    autoParam : ["id","name" ],//请求携带节点上的属性值

    dataFilter : function(treeId, parentNode, childNodes) {

    if (!childNodes)return null;

    for (var i = 0, l = childNodeslength; i < l; i++) {

    var _c=childNodes[i];

    _cisParent=_cparent;

    childNodes[i]name = _cnamereplace(/\n/g, '');

    }

    return childNodes;

    }

    　 },

//只是提供处理思路 不需要copy

 @RequestMapping("/getOrg")

@ResponseBody

public  List<ObjectTypeBean> getOrg(>

以上就是关于如何使用Jquery获取当前节点的孙节点全部的内容，包括:如何使用Jquery获取当前节点的孙节点、jquery获取父节点的节点、JQuery如何读取节点中的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！