jquery怎么查询最后一个子元素

青灯夜游
Freigeben: 2022-05-13 18:29:14
Original
9198 Leute haben es durchsucht

两种方法:1、利用children()和“:last-child”选择器,语法“$(父元素).children(":last-child")”。2、用children()和eq(),语法“$(父元素).children().eq(-1)”。

jquery怎么查询最后一个子元素

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery查询最后一个子元素的两种方法

方法1:使用children():last-child选择器

  • 使用children()获取指定父节点下的全部直接子元素

  • 利用:last-child选取子元素集合中最后一个元素,即最后一个子元素

示例:

      
  • 香蕉
  • 苹果
  • 梨子
  • 橘子
Nach dem Login kopieren

1.gif

方法2:使用children()和eq()

  • 使用children()获取指定父节点下的全部直接子元素

  • 利用eq(-1)选取子元素集合中最后一个元素,即最后一个子元素

在上例的基础上,修改:

$(function() { $("button").click(function() { $("ul").children().eq(-1).css("color", "red"); }) })
Nach dem Login kopieren

2.gif

【推荐学习:jQuery视频教程web前端视频

Das obige ist der detaillierte Inhalt vonjquery怎么查询最后一个子元素. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!