jquery同级,jquery选择同级元素
怎么用jquery 获取同级div 上一个div的id 跟下一个div的id
先获取当前对象，再根据对象去获取上一个兄弟节点和下一个兄弟节点
创新互联建站欢迎来电：13518219792，为您提供成都网站建设网页设计及定制高端网站建设服务，创新互联建站网页制作领域十年，包括成都宣传片制作等多个行业拥有多年建站经验，选择创新互联建站，为网站锦上添花！
.prev()
定义和用法
prev()
获得匹配元素集合中每个元素紧邻的前一个同胞元素，通过选择器进行筛选是可选的。
.prev(selector)
参数描述
selector
字符串值，包含用于匹配元素的选择器表达式。
--说明：如果给定一个表示
DOM
元素集合的
jQuery
对象，.prev()
方法允许我们在
DOM
树中搜索这些元素的前一个同胞元素，并用匹配元素构造一个新的
jQuery
对象。
.next()
定义和用法
next()
获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。
.next(selector)
参数描述
selector
字符串值，包含用于匹配元素的选择器表达式。
--说明：如果给定一个表示
DOM
元素集合的
jQuery
对象，.next()
方法允许我们搜索
DOM
树中的元素紧跟的同胞元素，并用匹配元素构造新的
jQuery
对象。
示例：
!--HTML代码--
div id="div1"111/div
div id="div2"222/div
div id="div3"333/div$("#div2").prev().attr("id"); //获取div2同级的上一个div的id，值为div1
$("#div2").next().attr("id"); //获取div2同级的下一个div的id，值为div3
jquery如何取同级元素的子级？
jquery中同级元素即兄弟元素用siblings()获取，子级元素用children()获取，所以可以使用如下代码取同级元素的子级：
$('selector').siblings().children();
示例代码：
html xmlns=""
head
titleTEST/title
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
script src=""/script
style
div{padding:10px;margin:10px;}
div.xiyouji{width:250px;height:200px;border:4px solid green;}
div.sun-niu{border:4px solid red;}
div.sun-niu div{border:2px solid blue;}
/style
script
$(function(){
$("div.sun-niu").click(function() {
nephew = $(this).siblings().children().text();
if(nephew)
option = nephew;
else
option = "没有侄子";
alert(option);
});
})
/script
/head
body
div class="xiyouji"
div class="sun-niu"
孙悟空
/div
div class="sun-niu"
牛魔王
div红孩儿/div
/div
/div
/body
/html
显示效果：
点击孙悟空后，就显示了同级的子级元素，也就是他侄子红孩儿。
jquery 选择同级元素
假如要选一个高度是100像素的div
var $div = $("div").filter(function(){
return $(this).height()==100;
});
不过最好不用高度，宽度等属性来找，定义几个class 比如 h100，h200分别代表不同的高度，按class选择是比较好的解决方法。
var $div = $("div.h100");
jquery 获取当前同级节点
$("a").click(function(){
//获取当前a的前一个同级元素: $(this).prev(), 在你提供的代码中,即为 img元素
});
jquery 同级的元素怎么获取
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)
本文标题：jquery同级,jquery选择同级元素
文章URL：http://hbruida.cn/article/dsggpge.html
