快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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选择同级元素
本文网址:http://6mz.cn/article/dsggpge.html

其他资讯