zoukankan      html  css  js  c++  java
  • jquery添加的html元素按钮为什么不执行类样式绑定的click事件

    问题:在做页面的时候,有很多时候许多按钮还有许多行是需要动态生成的,但是动态生成之后点击按钮或者删除,无法触发绑定的click事件。

    解决:在添加更多一行的时候所产生的 input 和 button 都是动态生成的,所以不能使用 click,要使用 on

    把$(".submitBtn").click(function(){
    $(document).on('click','.edit',function(){
    $(".modal,.shadow").removeClass('hide');
    // this 当前点击的标签,parent父标签,prevAll父标签上面的所有同级标签
    var tds = $(this).parent().prevAll();
    // 循环获取tds中的内容(td中的内容),赋值给编程框中的value
    tds.each(function(){
    // this 当前每个td
    // 获取自定义属性的值,hostname/port
    var n = $(this).attr('target');
    // 获取当前td内容:1.1.1.1/80
    var v = $(this).text();
    // 将获取的内容放入相应的编程框中
    // $('.modal input[name="[hostname"]').val(1.1.1.1)
    // 因为hostaname/port为变量,而name=里面需要是“”格式,所以用到字符串拼接
    // var a1 = '.modal input[name="';
    // var a2 = '"]';
    // var temp = a1 + n + a2
    $('.modal input[name="' + n + '"]').val(v)
    });

    });
  • 相关阅读:
    【bzoj4240】有趣的家庭菜园
    「洛谷 P1801」黑匣子
    「SDOI 2009」Elaxia的路线
    NOIP 2016【蚯蚓】
    NOIP 2014【斗地主】
    尺取法
    POJ 3169 Layout
    51nod【1196】字符串的数量
    51nod1671【货物运输】
    hihocoder1075【开锁魔法】
  • 原文地址:https://www.cnblogs.com/liang-wei/p/9661160.html
Copyright © 2011-2022 走看看