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（）不工作

回答

相关问题