jquery 增加，删除 DIV元素求解

Question

增加删除元素jqueryjavascript

Answer 1

不太明白，直接珊了不就得了么？
  </div>
  <div class="col-md-3">
  <a onClick="myadd()" href="#"><span class="glyphicon glyphicon-plus btn-lg add"></span> 增加</a>
  <a onClick="mysub()" href="#"><span class="glyphicon glyphicon-minus btn-lg"></span> 删除</a>
  
  </div>
  </div>
  <!---->
  <script type="text/javascript">
  //增加
  function myadd() {
    $(this).parent().clone().insertAfter(".addkc");
  }
  //删除
  function mysub() {
    $(this).parent().html("");
  }  
  </script>  

Answer 2

谢谢，楼上的热线回答,可能是我没有说清楚我的意思是每当我按“增加”钮时，就增加以下代码                                   <div class="row addkc">
                                        <div class="col-md-6">
                                              <div class="form-group">
                                                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="课程名称">
                                              </div>                                        
                                        </div>
                                        <div class="col-md-3">
                                              <div class="form-group">
                                                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="成绩">
                                              </div>                                        
                                         
                                        </div>
                                        <div class="col-md-3">
                                            <a onClick="myadd()" href="#"><span class="glyphicon glyphicon-plus btn-lg add"></span> 增加</a>
                                            <span class="glyphicon glyphicon-minus btn-lg"></span> 删除
                                         
                                        </div>
                                    </div>
按“删除”按钮时，就删除当前的这段代码                                   <div class="row addkc">
                                        <div class="col-md-6">
                                              <div class="form-group">
                                                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="课程名称">
                                              </div>                                        
                                        </div>
                                        <div class="col-md-3">
                                              <div class="form-group">
                                                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="成绩">
                                              </div>                                        
                                         
                                        </div>
                                        <div class="col-md-3">
                                            <a onClick="myadd()" href="#"><span class="glyphicon glyphicon-plus btn-lg add"></span> 增加</a>
                                            <span class="glyphicon glyphicon-minus btn-lg"></span> 删除
                                         
                                        </div>
                                    </div>
而我现在按一个增加时，可以增加这段DIV，但我在按增加时就会同时增加了4个这个代码，但我只想要，每按一次增加一段

Answer 3

在你的myadd（）函数中，this参数指的是window对象，而不是你期望的<a>标签，$(this).parent()取到的是什么呢？你如果是期望$(this)指的是<a>标签的话，需要将<a onClick="myadd()" href="#">改为<a onClick="myadd(this)" href="#">，然后将myadd改为：
//增加
  function myadd(obj) {
    $(obj).parent().clone().insertAfter(".addkc");
  }
你如果需要满足其他情况，请自行修改之。

Answer 4

楼主可以看下这里这个app的例子
https://github.com/dreambo8563/TaskatHand_sourcecode模仿里面 那个隐藏的template 做添加删除来做

Answer 5

谢谢 @nivalsoul1  的指点， 谢谢 @vincentguo_ 、ThinkingFatCat 的热线帮助，还有浏览过我贴子的人问题解决了，现在把解决的代码发上来，希望有遇到跟我一样的问题的朋友，可以参考 <script type="text/javascript">
//增加
function myadd(obj)
{
var obj = $(obj).parent();//获取 a 标签 的父系
var add = $(obj).parent();//获取 a 标签 的父系的父系
$(add).clone().insertAfter(add);
}
//删除
function mydel(obj)
{

var obj = $(obj).parent();//获取 a 标签 的父系
var del = $(obj).parent();//获取 a 标签 的父系的父系
$(del).detach();
}

 </script>