点击时的jQuery追加方法答案

【问题标题】：jQuery append method on click点击时的jQuery追加方法
【发布时间】：2018-02-23 10:22:26
【问题描述】：

如何通过单击按钮在订单列表中添加 div？ [点击此按钮][1] 这是我的按钮，它有 id="condition"

<button type="submit" class="waves-effect waves-light btn" id="condition" value="Add">Condition</button></div>

[应附加][2] 每当我单击按钮时，我都希望 o/p 如下所示

单击 1 时应显示以下内容。追加 div 内的内容

sensor <options>
Condition: <option>
Threshold: <input>

第二次点击按钮时，应显示以下内容

sensor <options>
Condition: <option>
Threshold: <input>

$(document).ready(function() {
  $("#condition").click(function() {
    $('#shw').append($('.hidden').clone());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="hidden">
  <fieldset>
    <table class='addRuleHolder'>
      <tr>
        <td class="label-col">
          <label>Sensor:</label>
        </td>
        <td>
          <select>
            <option value="1">S1</option>
            <option value="2">S2</option>
          </select>
        </td>
      </tr>
      <tr>
        <td class="label-col">
          <label>Condition:</label>
        </td>
        <td>
          <select>
            <option value="1">&lt;=</option>
            <option value="2">&gt;=</option>
          </select>
        </td>
      </tr>
      <tr>
        <td class="label-col">
          <label>Threshold Value:</label>
        </td>
        <td>
          <input type="text">
        </td>
      </tr>

    </table>
  </fieldset>
</div>


<div style="margin-top: 20px; float:right;padding-right:15px">
      <button  class="waves-effect waves-light btn" id="condition" value="Delete">condition</button>
    </div>
<div id="shw"></div>

【问题讨论】：

你需要把它放在一个
对于初学者