Javascript 克隆表中的一行

Javascript 克隆表中的一行,javascript,jquery,html,Javascript,Jquery,Html,我有一个只有一行的表,我想动态添加其他行,所以我使用的是函数clone(),下面是代码 <table> <th>New SL</th> <th>condition</th> <th>Sl donne</th> <div id="conditions" numTypes="0"> <div class="condition clone" id="

我有一个只有一行的表,我想动态添加其他行,所以我使用的是函数clone(),下面是代码

    <table>
    <th>New SL</th>
    <th>condition</th>
    <th>Sl donne</th>
    <div id="conditions" numTypes="0">
      <div class="condition clone" id="lol">
        <tr>
          <td align="center">
            <select id="cond[0][new]" class="select-attribut">
              <% @attribut.each do |att| %>
                  <option id="<%= att.id %>"><%= att.nom %></option>
              <% end %>
            </select>
          </td>
          <td align="center">
            <select id="cond[0][operation]" class="select-operation">
              <% @operation_attribut.each do |op| %>
                  <option id="<%= op.id %>"><%= op.nom %></option>
              <% end %>
            </select>
          </td>
          <td align="center">
            <select id="cond[0][old]" class="select-attribut">
              <% @attribut.each do |att| %>
                  <option id="<%= att.id %>"><%= att.nom %></option>
              <% end %>
            </select>

          </td>
        </tr>
        <tr id="cond[0][tr_condition]" class="tr_condition">
          <td>
            <select id="cond[0][op_condition]" class="select-operation">
              <% @operation_condition.each do |att| %>
                  <option id="<%= att.id %>"><%= att.nom %></option>
              <% end %>
            </select>
          </td>
        </tr>
      </div>

      <tr id="add">
        <td align="left">
          <button class="btn green plus-cond"><i class="icon-plus"></i></button>
        </td>
      </tr>
    </div>
  </table>

但当我测试变量组时,它只包含父div,没有子div

div不能是表的子divelements@Pete谢谢你给我的提示,我现在不知道我改变了它,它工作了
   $(".plus-cond").bind("click",function(){
        group = $(".clone").clone();

        $("#add").before(group);
});