jQuery Selector 可用于从 DOM 中查找(选择)HTML 元素。一旦选择了一个元素,就会调用 jQuery children() 方法来查找所选元素的所有子元素。要循环遍历子元素,请使用 jQuery each() 方法,如下例所示。
示例 1:示例 HTML 页面包含一个具有一些子元素的“容器”div。循环在“容器”div 的所有子元素中完成,然后将它们复制到最初没有子元素的“输出容器”div。
GeeksforGeeks
This is the "#container" div
Child
Grandchild
This is the "#output-container" div
输出:
示例2:在上面的示例中,循环是通过所有子元素实现的。但是,如果需要循环某些特定的子元素或具有特定类或 id 的元素,则将其作为参数传递给children()函数,如下所示。
GeeksforGeeks
This is the "#container" div
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Selecting the 'em' element
Selecting the element
with id "name"
Selecting the element
with class "uname"
输出:
上面的例子演示了所有三种情况,循环特定的子元素,循环具有特定 id 的子元素,以及循环具有特定类的子元素。
jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。