zoukankan      html  css  js  c++  java
  • JS 添加和删除HTML 标签

    //添加一行价格
    $('#add_ladder_price').click(function(){
        var trHTML = '<tr align="center" class="tr_ladder_price">' +
            '<td><input style="text-align: center" type="text" name="purchases" value=""/></td> ' +
            '<td><input style="text-align: center" type="text" name="price_cn" value=""/></td> ' +
            '<td><input style="text-align: center" type="text" name="price_us" value=""/></td> ' +
            '<td><img src="" width="20px" height="20px" class="cls_delete_ladder_price"></td>';
        $('#tbody_ladder_price').append(trHTML);
        // alert("添加价格");
    })

    //删除一行价格 只对静态加载的标签绑定了该事件  动态绑定需要用on()方法绑定
    //$('.cls_delete_ladder_price').click(function(){
    // alert("删除价格");
    // $(this).parent().parent().remove();
    //})
    //删除一行价格   包含动态添加的
    $(document).on("click",".cls_delete_ladder_price",function(){
    alert("删除价格");
    $(this).parent().parent().remove();
    });

    on()方法如下
    $(selector).on(event,childSelector,data,function,map)
    ****************************删除的这个试了好多次,只有以上这个好用了。。。还不知道为什么,我将selector指定为要绑定事件的父级标签是不可以的,点击后会走不进来。。
    但是总觉得将selector指定为document太大了,不太合适。有知道的大神还望不吝赐教。多谢。
    
    

      给出一个jQuery.on()方法的详解点这里

  • 相关阅读:
    尘埃里的路人甲
    尘埃里的路人辛
    尘埃里的路人庚
    尘埃里的路人己
    尘埃里的路人戊
    尘埃里的路人丁
    C语言II博客作业04
    C语言II博客作业03
    C语言II博客作业02
    C语言II博客作业01
  • 原文地址:https://www.cnblogs.com/GetLastError/p/7772266.html
Copyright © 2011-2022 走看看