如获取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如何获取第一个子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)