关于jQuery获取不到动态添加的元素对象的问题

最新推荐文章于 2023-05-14 15:01:02 发布

小丁冲鸭！

最新推荐文章于 2023-05-14 15:01:02 发布

阅读量3.1k

点赞数 3

分类专栏：前端学习文章标签：前端学习 jquery动态添加

本文链接：https://blog.csdn.net/DZY_12/article/details/100916522

版权

在前端开发中，遇到一个关于jQuery的问题：点击添加按钮生成的动态输入框，无法通过$('.close').click()获取。解决方案是使用事件委托，通过on()方法将事件绑定到父级元素，例如：$(document).on('click', '.close', function(){...})，这样可以成功处理动态添加元素的点击事件。" 19153501,2345867,CentOS 6.5 安装 CMake 全攻略,"['centos', 'cmake', '编译器', '服务器']

摘要由CSDN通过智能技术生成

一、问题描述

功能：点击添加按钮，动态生成一条规格及参数的输入框，点击每一条后边的X即可删除该条数据。

问题：在添加多条规格、参数数据后，发现不能使用$('.close').click()获取动态添加的元素，只能获取到在原html中写死的元素。

<!-- 部分html-->
<div class="ad">
    <div class="weui-cell-standards" id="1" >
         <div class="weui-cell__hd_standards">
             <label class="weui-label-standards">规格</label>
             <input class="weui-input-standards" name="kv_i_f" type="text" />
         </div>
    
         <div class="weui-cell__hd_parameters">
             <label class="weui-label-parameters">参数</label>
             <input class="weui-input-parameters" name="kv_i_s" type="text" />