开发者社区> 问答> 正文

jQuery 如何 删除一个div,不是全部

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="http://cdn.uedsc.com/jquery/1.8.3/jquery.min.js"></script>
   <style>
   p {
     float: left;
   }
   .ad {
    color: red;
   }
   </style>
</head>
<body>
  
  <button class="a1">点击</button>
  <button class="a2">删除</button>
  <div class="boxes">
      <p class="text"></p>
  </div>
  <script>
  $(".a1").click(function(){
    var showimg = "<div class='ad'>123456</div>";
    $(".text").append(showimg);
  });

  $(".a2").click(function() {
    $("div.ad").remove();
  });

  </script>
</body>
</html>

点击删除的时候,我想一个一个删除,不是一下全给删除了。
怎么做到添加N个,点击删除时,只一个一个删除刚刚添加的?

展开
收起
小旋风柴进 2016-05-31 12:45:49 6102 0
1 条回答
写回答
取消 提交回答
  • a2的JS部分改成:

    $(".a2").click(function() {
        $('.text div:last-child').remove();
    2019-07-17 19:21:47
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载