php - 在按钮上单击重复的 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>