jquery中parent()可以获取父级元素,所以获得某元素父级的父级可以使用
创新互联建站是一家专注网站建设、网络营销策划、成都微信小程序、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立十余年以来,已经为上千发电机租赁各业的企业公司提供互联网服务。现在,服务的上千客户与我们一路同行,见证我们的成长;未来,我们一起分享成功的喜悦。
$(selector).parent().parent();
示例如下
创建Html代码及css样式
div class="class1"
class1
div class="class2"
class2
div class="class3"
class3
/div
/div
/div
div{padding:10px 20px;border:4px solid #ebcbbe;}
div.class1{width:200px;height:120px;}
选取 div 元素同级的所有 p 元素:
("element ~ siblings") 选择器选取指定元素 "element" 同级的所有元素。
参数
element 必需。任何有效的 jQuery 选择器。
siblings 必需。规定 element 参数的同级。
兄弟节点选择
$('#id').siblings() 当前元素所有的兄弟节点
$('#id').prev() 当前元素前一个兄弟节点
$('#id').prevaAll() 当前元素之前所有的兄弟节点
$('#id').next() 当前元素之后第一个兄弟节点
$('#id').nextAll() 当前元素之后所有的兄弟节点
这几个方法都可以添加选择器,给出选择条件,就能找到你指定的兄弟节点了。
1 、兄弟元素的话用css就好了nth-child();
2 、如果用JQ的话,你可以把一个作为参照物,然后找next或者prev元素 (Jensonhui.com)
假如要选一个高度是100像素的div
var $div = $("div").filter(function(){
return $(this).height()==100;
});
不过最好不用高度,宽度等属性来找,定义几个class 比如 h100,h200分别代表不同的高度,按class选择是比较好的解决方法。
var $div = $("div.h100");
ul lilist item 1/li lilist item 2/li li class="third-item"list item 3/li lilist item 4/li lilist item 5/li/ul $("li.third-item").siblings(); //可以获取4个li元素 $("li.third-item").prev(); //取得item2$("li.third-item").next(); //取得item4 $("li.third-item").prevAll(); //取得item1 itme2$("li.third-item").nextAll(); //取得item4 item5var $lis = $("li:last").siblings();$lis.eq(0)