按钮单击"复制HTML代码"

Question

我如何制作它,以便当我点击一个按钮时它将复制下面的代码:

<li class="widget color-blue">  
                <div class="widget-head">
                    <h3>Work list stuffs</h3>
                </div>
                <div class="widget-content">
                    <p>Accessed from private link Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at, ipsum. Cras varius sapien vel lectus.</p>
                </div>
            </li>

我该怎么做？我想它可能需要Javascript ...

Answer 1

查看jQuery Clone方法.

请考虑以下HTML:

<div class="container">
  <div class="hello">Hello</div>
  <div class="goodbye">Goodbye</div>
</div>

以下jQuery代码

$('.hello').clone().appendTo('.goodbye');

会产生:

<div class="container">
  <div class="hello">Hello</div>
  <div class="goodbye">
    Goodbye
    <div class="hello">Hello</div>
  </div>
</div>