摘要:如果想快速查找指定元素集合中每一个元素紧邻的下一个同辈元素的元素集合,此时可以用next()方法。

脚本宝典收集整理的这篇文章主要介绍了

js实例教程-Jquery遍历的next()方法和prev()方法的使用讲解

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

如果想快速查找指定元素集合中每一个元素紧邻的下一个同辈元素的元素集合,此时可以用next()方法。

$("button:last").click(function() {

//找到所有class=item-2的li

//然后筛选出第一个,加上蓝色的边

$('.item-1').next(':first').css('border', '1px solid blue')

})

此函数是说明找到对应的class为.item-1下一个的.item-2的li标签,并筛选出第一个li元素加上CSS样式。

如果想快速查找指定元素集合中每一个元素紧邻的前面同辈元素的元素集合,此时可以用prev()方法。

$("button:last").click(function() {

//找到所有class=item-2的li

//然后筛选出第一个,加上蓝色的边

$('.item-3').prev(':first').css('border', '1px solid blue')

})

此函数是说明找到对应的class为.item-3上一个的.item-2的li标签,并筛选出第一个li元素加上CSS样式。

注意:

next()方法和prev()方法没有带参数的话,说明是获取了集合,对获取到的集合都将一起改变样式,针对上面的例子来说。例如:

$("button:last").click(function() {

//找到所有class=item-2的下的所有li

$('.item-3').prev(').css('border', '1px solid blue')

})

此函数是说明找到对应的class为.item-3上一个的.item-2的所有li标签,并为它们都附加边框为蓝色的样式。

更多关于此方面的知识,欢迎读者在下方留言。我们一起学习交流。

如果想快速查找指定元素集合中每一个元素紧邻的下一个同辈元素的元素集合,此时可以用next()方法。

$("button:last").click(function() {

//找到所有class=item-2的li

//然后筛选出第一个,加上蓝色的边

$('.item-1').next(':first').css('border', '1px solid blue')

})

此函数是说明找到对应的class为.item-1下一个的.item-2的li标签,并筛选出第一个li元素加上CSS样式。

如果想快速查找指定元素集合中每一个元素紧邻的前面同辈元素的元素集合,此时可以用prev()方法。

$("button:last").click(function() {

//找到所有class=item-2的li

//然后筛选出第一个,加上蓝色的边

$('.item-3').prev(':first').css('border', '1px solid blue')

})

此函数是说明找到对应的class为.item-3上一个的.item-2的li标签,并筛选出第一个li元素加上CSS样式。

注意:

next()方法和prev()方法没有带参数的话,说明是获取了集合,对获取到的集合都将一起改变样式,针对上面的例子来说。例如:

$("button:last").click(function() {

//找到所有class=item-2的下的所有li

$('.item-3').prev(').css('border', '1px solid blue')

})

此函数是说明找到对应的class为.item-3上一个的.item-2的所有li标签,并为它们都附加边框为蓝色的样式。

更多关于此方面的知识,欢迎读者在下方留言。我们一起学习交流。

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

总结

以上是脚本宝典为你收集整理的

js实例教程-Jquery遍历的next()方法和prev()方法的使用讲解

全部内容,希望文章能够帮你解决

js实例教程-Jquery遍历的next()方法和prev()方法的使用讲解

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过