replaceWith（），remove（）和empty（）不工作

我第一次使用jQuery（我也是Javascript中的新手），並且我創建了處理表單數據輸入的代碼：replaceWith（），remove（）和empty（）不工作

$(document).ready(function() { 
    $('form').submit(function(event) { 
     var formData = $('form :input'); 

     $.ajax({ 
      type  : 'POST', 
      url   : 'process.php', 
      data  : formData, 
      dataType : 'text', 
      encode  : true 
     }).done(function(data) { 
      if (data == "OK") { 
       var div = $("#add"); 
       console.log(div); 
      } 
     }); 
     event.preventDefault(); 
    }); 
});

一切正常，我可以在控制檯（我使用Chrome的代碼檢查器）中看到div的內容（其編號爲add）。現在我試圖用消息替換上面的div的內容，以確認用戶數據已成功發送。我試圖使用.replaceWith(),remove()和empty()但這些工作都不在選定的div上。

下面是HTML表單代碼：

<div id="add"> 
    <h3>Form</h3> 
    <p>Form fields description</p> 
    <hr> 
    <form class="form-horizontal" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>"> 
     <div class="form-group"> 
      <label class="control-label col-xs-3" for="name">Name:*</label> 
      <div class="col-xs-3"> 
       <input type="text" class="form-control" id="name" name="name" required> 
      </div> 
      </div> 
     <div class="form-group"> 
      <label class="control-label col-xs-3" for="desc">Surname:*</label> 
      <div class="col-xs-5"> 
       <input type="text" class="form-control" id="surname" name="surname" required> 
      </div> 
     </div> 
     <br> 
     <div class="form-group"> 
      <div class="col-xs-offset-3 col-xs-6"> 
       <input type="submit" class="btn btn-primary" value="Submit"> 
       <input type="reset" class="btn btn-default" value="Reset"> 
      </div> 
     </div> 
    </form> 
</div>

可能是什麼問題呢？也許我錯了的東西...

編輯： 我嘗試這樣做：

$("#add").replaceWith("<h3>New content</h3>");

這：jQuery的的

var div = $("#add"); 
div.remove();

來源

2015-04-28 smartmouse

任何這些選項sh會工作。你能展示你實際嘗試過的嗎？你可能只是有一個錯字。 –

你能告訴你如何寫這三個函數嗎？ –

我編輯了我的問題，謝謝。 – smartmouse

嘗試HTML方法

var newContent = "<p>new content<p>" 

$("#add").html(newContent);

來源

2015-04-28 16:59:01

replaceWith（），remove（）和empty（）不工作

回答

相關問題