1

我是ajax的新手。

我有index.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
  $("button").click(function(){
    $.ajax({url:"n.php",success:function(result){
      $("#div1").append(result);
    }});
  });
});
</script>

<div id="div1" style="margin-left: 25;"></div>
<button>Add Author</button>

演示.php

Name:<input type="text" name="txtname">
age:<input type="text" name="txtage">

当单击“添加作者”按钮而不刷新页面时,上面的代码会在 index.html 页面上添加名称和年龄文本框。

现在我想放置另一个按钮“删除作者”,并希望执行完全相反的操作(即)删除之前添加的名称和年龄文本框。

我不知道该怎么做。是否有可能通过这样的事情 $("#div1").(result);

提前谢谢。

4

3 回答 3

1

试试这个

      <div id="div1" style="margin-left: 25;"></div>
      <button id="addAuthor">Add Author</button>
      <button id="removeAuthor">Remove Author</button>


 <script>
      $(document).ready(function(){

        $("#addAuthor").click(function(e){
         e.preventDefault();
         $.ajax({url:"n.php",success:function(result){
         $("#div1").html(result);
            }});
        });

        $("#removeAuthor").click(function(e){
               e.preventDefault();
               var lastNode = $("#div1").children().last();
               lastNode.prev().remove();
               lastNode.remove();
         });
      });
 </script>
于 2013-04-05T04:58:22.070 回答
0

你可以这样做$("#div1").empty(),这将清空 div。那是你需要的吗?

于 2013-04-05T04:31:17.793 回答
0

试试这个:

$(document).ready(function(){
 $("#remove").on("click",function(){
  $("#div1").empty();
});
});

或使用

$("#div1").html("");代替$("#div1").empty();

于 2013-04-05T04:34:47.997 回答