jquery获取一级子元素

jquery获取一级子元素,第1张

如获取id为divId的div下的第一个子div

$("#divId")children("div")get(0)

但得到的是一个dom对象,如果要得到Jquery对象,要使用

$($("#divId")children("div")get(0))

匹配第一个子元素

':first' 只匹配一个元素,而此选择符将为每个父元素匹配一个子元素

$("ul li:first-child")

匹配最后一个子元素

':last'只匹配一个元素,而此选择符将为每个父元素匹配一个子元素

$("ul li:last-child")

var alldiv = $("div");

var firstdiv = alldiv[0];

var lastdiv = alldiv[alldivlength-1];注意,jquery数组返回的是标准的documentobject,也就是说,firstdiv与lastdiv都是类似通过

documentgetelementbyid这个方式获得到的对象,是不能直接使用jq方法

解决办法很简单

$(firstdiv)即可

常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素,find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。

jquery中获取当前dom元素的子元素的方法有很多,常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素,find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。

一、使用children()方法获得子元素

1、使用该方法获取子元素并设置子元素的字体为蓝色,代码如下:

2、运行的效果如下图:

二、使用find()方法获取子元素

1、使用fand()方法获取子元素并且进行选择器的筛选,代码如下图:

2、运行的结果如下图:

参考资料

博客博客[引用时间2018-1-9]

以上就是关于jquery获取一级子元素全部的内容,包括:jquery获取一级子元素、jquery如何获取第一个或最后一个子元素、jquery如何获取第一个子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存