1、查找子元素方式1:>\x0d\例如:var aNods = $("ul > a");查找ul下的所有a标签\x0d\2、查找子元素方式2:children()\x0d\3、查找子元素方式3:find()\x0d\\x0d\通过下标获取第n个子标签的ID值\x0d\\x0d\1var num1=$("ul > a:eq(0)")attr("ID");\x0d\2var num2=$("ul")children("a:eq(0)")attr("ID");\x0d\3var num3=$("ul")find("a:eq(0)")attr("ID");
先获取当前对象,再根据对象去获取上一个兄弟节点和下一个兄弟节点
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
jq可以直接使用$("div")获得所有div,但是如果要具体到一个div的话,需要给div一个标记,然后通过html就可以获取值了。
1<div id="divId" class="divClass"> 内容 </div>
123/jq 代码 jq选择器/$("#divId")html();$("divClass")html();
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>show</title>
<style type="text/css">
div {
float: left;
width: 100px;
height: 80px;
border: 1px solid #0ff;
margin-right: 5px;
display:block;
}
</style>
<!--$("btn")是找到class="btn"的信息,直接each循环出div,里面的children(),里面的item,就是你想要的子元素了,(深圳网站建设:=">
你好!
通过jquery的层级选择器,可以轻松搞定:
$('div')click(function(){// ">span:nth-child(3)" 表示div的子span元素集合中的第3个元素
// "$(">span:nth-child(3)",this)" 表示在当前div查找
alert( $(">span:nth-child(3)",this)html() );
//另外eq()方法也同样可以,注意索引从0开始
alert( $(">span",this)eq(2)html() );
//jquery中的children
alert( $(this)children("span")last()text() );
//匹配最后一个子元素
alert( $(">span:last-child",this)html() );
alert( $(this)children("span:last")html() );
}
希望对你有帮助!
得有个规律才能找得到
比如 它是id为nav的div下的第二个超链接
$('#nav a:eq(1)')text()
或者它的属性href中包含字符串forumdisplayphp
$('#nav a')each(function(){
if($(this)attr('href')indexOf(forumdisplayphp)!=-1){
//就是这个了
alert($(this)text())
}
})
以上就是关于jquery怎么获取当前标签下的子标签全部的内容,包括:jquery怎么获取当前标签下的子标签、怎么用jquery 获取同级div 上一个div的id 跟下一个div的id、jquery中怎么获取div中的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)