如何将 id 分配给克隆的 html 的子标签？

这里我们使用基本的 HTML、CSS、JavaScript、jQuery 和 Bootstrap 来构建这个小示例项目。 jQuery 是一个开源库，它简化了 Web 应用程序的创建和导航。我们将使用三个 jQuery 方法，例如 clone()、append() 和 attr() 方法来解决这个例子。

clone() method make a copy of select element 

attr() method for change the name of attribute like id, class etc

append() method is for append the last child of each element in the jQuery collection

在这里，我们将克隆引导卡，其 ID 名为“cloneme”并具有子标签，例如“”、“”、“

”标签。

脚步：-

1. 当用户按下网页 UI 部分中的“单击我”按钮时，它将在单击侦听器回调上运行。
2. 在这个回调函数，我们只需复制一个带有 id ‘cloneme’ 的 HTML 标签。您还可以使用带有属性类的 HTML 标记。
3. 克隆 Html 代码后，我们将通过使用其属性名称（例如 id、class）查找标签来更改 和

标签的子标签的 ID。

使用属性名称找到标签后，我们将通过 jQuery attr() 方法更改其属性名称。

将克隆 HTML 代码附加到目标。

HTML

  

    
    
    
    

  

    

       GeeksForGeeks
      
    

Click Me     

---

    

        

                         

                

                    My Id is 0

                      

                    GeeksforGeeks.org was created with a goal                      in mind to provide well written, well                       thought and well explained solutions                        for selected questions. The core team                         of five super geeks constituting of                         technology lovers and computer science                          enthusiasts have been                     constantly working in this direction.                 

                                                Cancel                              

        

    

    

        

                                         

---

项目工作模式