jquery - 在Jquery中，删除后可以取回元素吗？

Question

我使用克隆功能来获取深层复制，然后在选择用户类型管理员时删除 briaid(文本框)，对于其余用户类型选择，我想取回 briaid，但我无法做到这一点。

注意:我知道我可以再次创建元素(briaid)，但我想知道这是否可以通过克隆功能实现。

<form id="user_login" method="POST">       
<select name="role_id" id="acc_type" style="margin-bottom:10px">
    <option value="" selected="">Select Account Type</option>       
    <option value="100" >Admin</option>
    <option value="200">Agent</option>
    <option value="300">Technician</option>
    <option value="400">Support</option>
    <option value="500">Email</option>

</select>
<input type="text" placeholder="Username" name="user_code">
<input type="password" placeholder="Password" name="password">
<div id="clone_my_element">
    <input type="number" id="briaId" placeholder="Bria ID" name="briaId" required="" autocomplete="off" maxlength="6" oninput="this.value=this.value.slice(0,this.maxLength)">
</div>
<button class="btn btn-large btn-success btn-login" type="submit" >Login</button>

我的 JavaScript:

  $("#acc_type").change(function () {
   var elementclone = $("#clone_my_element").clone(true);
    if($(this).val() == "100"){ //if admin
      $("#clone_my_element").remove();
    }
    else{
         $("#clone_my_element").remove();
         $("#clone_my_element").append(elementclone); //not works
    }
});

Answer 1

是的，remove() 函数会在删除后给出元素，以便您可以重用它，因此只需将其分配给一个临时变量即可。像这样的事情:

$(function () {
  var a = null;
  $(".rem").click(function () {
    a = $(".remove").remove();
  });
  $(".rea").click(function () {
    a.prependTo("body");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="remove">This will be removed and readded.</div>
<button class="rem">Remove It</button>
<button class="rea">Readd Back</button>

如果是深度复制，只需使用 clone(true, true) 并将其存储在变量中，然后使用 remove() 即可。