200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > jQuery 树形结构的选择器【jquery】

jQuery 树形结构的选择器【jquery】

时间:2021-08-04 11:18:09

相关推荐

jQuery 树形结构的选择器【jquery】

web前端|js教程

jQuery,树形结构,选择器

web前端-js教程

DOM结构其实也是一种树形结构,jQuery提供的树形选择器可以用来选择DOM Tree里的节点。这些树形选择器的方法包括:children(), parent(), parents(), next(), prev(), siblings().

选择某个元素的”孩子” – children()

微信体检预约源码,vscode内部浏览器,ubuntu安装jd,怎么创建tomcat证书,爬虫wb写入,php网站系统下载,seo顾问服务适合的对象,哪个网站代码可以随便下,ecshop 库项目模板lzw

第一列

第二列

第三列

$("#parent").children().length //得到所有的”孩子“(li)的个数,“3”

$("#parent").children("#son1").text(); //得到第一个”孩子“(li)的值 - “第一列”

选择某个元素的“父母” – parent()

iphone游戏源码,ubuntu主力系统,网络爬虫探测视频,php菜鸟教学,seo的算法lzw

第一列

第二列

第三列

$("#son1").parent().attr("id");//得到ul的ID - "parent"

选择某个元素的“祖先”-parents() (注意:一级一级向上选择直到)

开源的电商平台系统源码,ubuntu重启系统黑屏,浏览器和tomcat,爬虫专业分数,php中find,徐州seo推广关键词有哪些lzw

第一列

第二列

第三列

$(“#son2”).parents().each(function(i){

if(i<3) //只显示3代祖先

alert($(this).html());

}); 选择某个元素的“弟弟” – next()

第一列

第二列

第三列

$("#son2").next().text(); //选择#son3选择某个元素的“哥哥”

prev()

第一列

第二列

第三列

$("#son2").prev().text(); //选择#son1选择某个元素的“兄弟”

siblings()

第一列

第二列

第三列

$("#son2").siblings().text(); //选择#son1和#son3

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。