jQuery

[jQuery] Method / .clone ()-Method to clone selected element

OOQ 2022. 7. 27. 08:46
728x90
SMALL

jQuery

.clone()

.clone () clones the selected element.

grammar

.clone( [withDataAndEvents ] )

for example

$( '.ab' ).clone().appendTo( 'h1' );

Duplicate an element that has ab as a class value and put it in the h1 element.

example

Duplicate the span element and place it inside the h1 tag.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>jQuery</title>
    <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
      $( document ).ready( function() {
        $( 'span' ).clone().appendTo( 'h1' );
      } );
    </script>
  </head>
  <body>
    <h1></h1>
    <p><span>Lorem ipsum dolor.</span></p>
  </body>
</html>
<h1><span>Lorem ipsum dolor.</span></h1>
<p><span>Lorem ipsum dolor.</span></p>

The rendered result is as follows:

728x90
LIST