jquery如何获取第一个或最后一个子元素

jquery如何获取第一个或最后一个子元素,第1张

匹配第一个子元素

':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如何获取第一个子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9353750.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存