':first' 只匹配一个元素,而此选择符将为每个父元素匹配一个子元素
$("ul li:first-child")
匹配最后一个子元素
':last'只匹配一个元素,而此选择符将为每个父元素匹配一个子元素
$("ul li:last-child")
如获取id为divId的div下的第一个子div
$("#divId")children("div")get(0)
但得到的是一个dom对象,如果要得到Jquery对象,要使用
$($("#divId")children("div")get(0))
var alldiv = $("div");
var firstdiv = alldiv[0];
var lastdiv = alldiv[alldivlength-1];注意,jquery数组返回的是标准的documentobject,也就是说,firstdiv与lastdiv都是类似通过
documentgetelementbyid这个方式获得到的对象,是不能直接使用jq方法的
解决办法很简单
$(firstdiv)即可
<html>
<script src="jquery-141minjs"></script>
<body>
<div><label>dddddd</label><input type="sss" value="sss"/>ddddddddffffff</div>
<body>
<script>
alert($("input")parent()children()text());
</script>
</html>
WebElement parent= driverfindElement(Byid("父元素定位方式,id是举例"));
WebElement son= parentfindElement(Byid("子元素定位方式,id是举例"));
List<WebElement> list = parentfindElements(Byid("多个子元素"));
在获取子元素之前js肯定不知道总共有多少个子元素,所以子元素都是以元素集合的形式出现的(即使子元素只有一个甚至没有),然后再从中枚举出每个子元素,比如:
elemchildNodes[0]
//这是第一个子元素
elemchildNodes[1]
//这是第二个子元素,依此类推
此外,还可以使用children,它也是个集合,用法一样:
elemchildren[0]
//这是第一个子元素
elemchildren[1]
//这是第二个子元素,依此类推
childNodes和children的区别在于,前者会把文本元素(含回车、空格等)也作为子元素,后这则只把标签元素作为子元素
此外,如果知道子元素的ID、Name、Class或者标签名,也可以直接获取子元素,比如:
elemgetElementById("abc")
//获取id为abc的子元素(ID具有唯一性,所以它可以直接获取)
elemgetElementsByName("xxx")[0]
//获取name属性为xxx的第一个子元素(name属性允许重名,所以它是个集合)
elemgetElementsByClassName("hehe")[0]
//获取class为hehe的第一个子元素(class属性也是可以重名的)
elemgetElementsByTagName("a")[0]
//获取第一个a标签子元素
以上就是关于jquery如何获取第一个或最后一个子元素全部的内容,包括:jquery如何获取第一个或最后一个子元素、jquery获取一级子元素、jquery如何获取第一个子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)