jquery如何获取没有子节点的元素

jquery如何获取没有子节点的元素,第1张

Jquery获取子元素方法有2种,分别是children()方法和find()方法。下面我们分别来使用这两种方法,看看它们有何差异。

children()方法:获取该元素下的直接子集元素

find()方法:获取该元素下的所有子集元素

分别以以下HTML代码为例:<ul><li>list1<ul><li>list1-1</li><li>list1-2</li></ul></li><li>list2<ul><li>list2-1</li><li>list2-2</li></ul></li><li>list3<ul><li>list3-1</li><li>list3-2</li></ul></li></ul>

children()方法获取ul下面直接子集元素li:$("ul")children("li")

需要注意的是,如果li元素下还有li元素,children方法将不会被获取。我们可以用length来测试获取的个数“$("ul")children("li")length”,最后输出结果为3

find()方法获取ul下所有元素li:$("ul")find("li")

需要注意的是,find方法会无限循环查找ul标签节点下的li,一直找到没有为止,用length来测试获取个数“$("ul")find("li")length”,最后输出结果为9

children和find的区别:children只会查找直接子集,而find会跨越层级查找,一直找到没有为止。

$('#table')treegrid('getChecked');这个方法获取的是勾选行的数据。

$('#table')treegrid('getSelections');获取的是选中的数据。

两个方法的结果结合起来就所有的数据了,但是小心会有重复项。

jquery easyui和jquery ui的区别:

jquery ui 是jquery开发团队 开发,适用于网站式的页面。

jquery easyui 是第三方基于jquery开发,适用于应用程序式的页面。

两者的方法调用也略有不同:

jquery ui 是:

$("#divTabs")tabs("remove" , index);

jquery easyui 是:

$("#divTabs")tabs("close" , title);

类似的区别还有一些,只有具体使用后才会注意,基本思路差不多。

你可以看下js事件委托

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

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

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

});

这样就可以了。

以上就是关于jquery如何获取没有子节点的元素全部的内容,包括:jquery如何获取没有子节点的元素、jquery easyui treegrid 获取所有选择的节点、jquery高手求解,jquery怎样获取脚本生成的节点等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9730386.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存