📌  相关文章
📜  如何使用 jQuery 遍历 div 的子元素?

📅  最后修改于: 2021-11-06 11:23:08             🧑  作者: Mango

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。