首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用jQuery选择父级

的元素,使用`$(this).parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent().parent

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • jQuery选择器 和jQuery 实现 Tab 切换效果(1)

    一、选择器 ? ?...二、选择器的用法 1、.eq(index),.get([index]) 对于一个特定结果集,我们想获取到指定index的jQuery对象 $('div').eq(3); //获取结果集中的第四个jQuery...对象 通过类数组下标的获取方式或者get方法获取指定index的DOM对象,也就是我们说的jQuery对象转DOM对象 $('div')[2] //获取第三个dom对象 $('div').get(2)...5、.parent([selector]) 取得匹配元素集合中,每个元素的直接元素,可以提供一个可选的选择器 $('li.item-a').parent() 6、.parents([selector]...11、.is(selector), is(function(index)), is(dom/jqObj) 判断当前匹配的元素集合中的元素,是否为一个选择器,DOM元素,或者jQuery对象,如果这些元素至少一个匹配给定的参数

    3.7K20

    JS和JQuery获取当前元素的兄弟及等元素的方法

    ) jQuery.parents(expr),类似于 jQuery.parents(expr) ,但是是查找所有祖先元素,不限于元素 jQuery.children(expr),返回所有子节点,这个方法只会返回直接的孩子节点...(),返回兄弟姐妹节点,不分前后 jQuery.find(expr),跟 jQuery.filter(expr) 完全不一样: jQuery.filter(),是从初始的 jQuery 对象集合中筛选出一部分...var chils= s.childNodes;  //得到s的全部子节点 var par=s.parentNode;   //得到s的节点 var ns=s.nextSibling;   //获得...s.previousSibling;  //得到s的上一个兄弟节点 var fc=s.firstChild;   //获得s的第一个子节点 var lc=s.lastChild;   //获得s的最后一个子节点 JS获取节点...,子元素:JS的方法会比JQUERY麻烦很多,主要则是因为FF、谷歌浏览器会把你的换行也当作DOM元素:空的text元素,目前IE也是这样

    12.5K10

    jquery选择器用法_jQuery属性选择

    jQuery选择器 一、 基本选择器 1....(可以是ID选择器、元素选择器或是类名选择器)组合在一起,两个选择器之间以逗号”,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集,利用jQuery索引器可以取得集合中的...jQuery对象。...2. parent>child选择器 parent>child选择器中的parent代表元素,child代表子元素,用于在给定的元素下匹配所有的子元素,使用该选择器只能选择元素的直接子元素...@符号问题: 在jQuery升级版本过程中,jQuery在1.3.1版本中彻底放弃了1.1.0版本遗留的@符号,假如我们使用1.3.1以上的版本,那么不需要在属性前添加@符号 (“div[@name=

    12.2K30

    jQuery选择

    1. jQuery选择器的介绍 jquery选择器就是快速选择标签元素,获取标签的,选择规则和css样式一样。...2. jQuery选择器的种类 标签选择器 类选择器 id选择器 层级选择器 属性选择器 示例代码: $('#myId') //选择id为myId的标签 $('.myClass') // 选择class...为myClass的标签 $('li') //选择所有的li标签 $('#ul1 li span') //选择id为ul1标签下的所有li标签下的span标签 $('input[name=first]')...// 选择name属性等于first的input标签 说明: 可以使用length属性来判断标签是否选择成功, 如果length大于0表示选择成功,否则选择失败。...小结 jQuery选择器就是选择标签的 标签选择器是根据标签名来选择标签 类选择器是根据类名来选择标签 id选择器是根据id来选择标签 层级选择器是根据层级关系来选择标签 属性选择器是根据属性名来选择标签

    30.3K85

    jQuery 选择

    基础选择器 $("选择器")   // 里面选择器直接写 CSS 选择器即可,但是要加引号 ? 2. 层级选择器 层级选择器最常用的两个分别为:后代选择器和子代选择器。 ?...中还有一些筛选方法,类似DOM中的通过一个节点找另外一个节点,、子、兄以外有所加强。...语法 用法 说明 parent() $("li"). parent(); 查找最近一个 children(selector) $("u1"). children("li"); 相当于$("ul>1i..."),最近一(亲儿子) find(selector) $("u1"). find("li"); 相当于$("ul li"),后代选择器 siblings(selector) $(" . first")...2.需要得到当前小li 的索引号,就可以显示对应索引号的图片 3.jQuery 得到当前元素索引号 $(this).index() 4.中间对应的图片,可以通过 eq(index) 方法去选择 5.显示元素

    2.8K30

    jQuery 选择

    1 jQuery 选择器 原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。 1.1....基础选择器 $("选择器") // 里面选择器直接写 CSS 选择器即可,但是要加引号 ? 1.2. 层级选择器 层级选择器最常用的两个分别为:后代选择器和子代选择器。 ?...筛选选择器 筛选选择器,顾名思义就是在所有的选项中选择满足条件的进行筛选选择。常见如下 : ?...中还有一些筛选方法,类似DOM中的通过一个节点找另外一个节点,、子、兄以外有所加强。...1.4 知识铺垫 jQuery 设置样式 $('div').css('属性', '值') jQuery 里面的排他思想 // 想要多选一的效果,排他思想:当前元素设置样式,其余的兄弟元素清除样式

    1.8K20

    jquery选择

    jquery用法思想 选择某个网页元素,然后对它进行某种操作 jquery选择jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。...').filter('.myClass'); //选择class等于myClass的div元素 $('div').eq(5); //选择第6个div元素 上面演示如何使用jquery选择上元素,那么下面继续来演示一下选择集的过滤...DOCTYPE html> <script type="text/javascript" src="<em>jquery</em>/<em>jquery</em>...div元素后面紧挨的同辈元素 $('div').nextAll(); //<em>选择</em>div元素后面所有的同辈元素 $('div').parent(); //<em>选择</em>div的<em>父</em>元素 $('div').children...判断是否<em>选择</em>到了元素 <em>jquery</em>有容错机制,即使没有找到元素,也不会出错,可以<em>用</em>length属性来判断是否找到了元素,length等于0,就是没<em>选择</em>到元素,length大于0,就是<em>选择</em>到了元素。

    1.8K20

    jQuery选择集转移

    选择集转移介绍 选择集转移就是以选择的标签为参照,然后获取转移后的标签 2....选择集转移操作 $('#box').prev(); 表示选择id是box元素的上一个的同级元素 $('#box').prevAll(); 表示选择id是box元素的上面所有的同级元素 $('#box')....next(); 表示选择id是box元素的下一个的同级元素 $('#box').nextAll(); 表示选择id是box元素的下面所有的同级元素 $('#box').parent(); 表示选择id...是box元素的元素 $('#box').children(); 表示选择id是box元素的所有子元素 $('#box').siblings(); 表示选择id是box元素的其它同级元素 $('#box...小结 prev() 表示获取上一个同级元素 prevAll() 表示获取上面所有同级元素 next() 表示获取下一个同级元素 nextAll() 表示获取下面所有同级元素 parent() 表示获取元素

    30.9K75

    jQuery选择器)

    基本选择器(*) 在开发过程中,jQuery对象的定义 var $obj=$("选择的对象"); //$obj为自定义的元素名 id选择器 $("#id"); 选中的结果是该元素的jQuery对象 标签选择器...$("标签名称");jquery对象的集合,如果选择结果只有一个,那么是当前对象 类选择器 $(".类名"); jQuery对象的集合,类名是在css中定义 并集选择器 $("selector1seletor2...:first-child 匹配所给选择器( :之前的选择器)的第一个子元素; 等同于: :nth-child(1) 注意:但是:first-child选择器可以匹配多个:即为每个元素匹配第一 个子元素...only-child 唯一的一个子元素; 注意:如果元素中含有其他元素,那将不会被匹配。...$('p img:only-child')是可以匹配

    1.5K10
    领券