首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在DOM就绪后删除元素

在DOM就绪后删除元素
EN

Stack Overflow用户
提问于 2011-09-30 05:01:19
回答 1查看 1.5K关注 0票数 0

我有几个字段可供用户填写(例如,姓名、号码、地址),然后他们可以单击“添加”,这将创建一个div,其中显示他们刚刚输入的信息,每个条目都有一个“删除”按钮( href)。我遇到的问题是,一旦DOM准备就绪,删除按钮就不起作用了。我已经硬编码了一个删除按钮,它可以删除第三个div (第三个是任意的),并且可以工作,但不能删除页面加载后生成的那些div。我的问题是,在DOM准备好之后,如何才能让remove按钮工作?

下面是remove函数(id是传入的,因此它知道要删除哪个div ):

代码语言:javascript
运行
复制
function remove(id) {
    $("div.reviewSub"+id).remove();
}

下面是调用该函数的处理程序:

代码语言:javascript
运行
复制
$(".remove").click(function(event) {remove(event.target.id);});

检索数据后显示数据的方式是使用.append()

代码语言:javascript
运行
复制
$(".reviewSub"+num).append("<a href=\"#\" class=\"remove\" id=\"" + num + "\">Remove</a>");
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-09-30 05:05:48

您可以在jQuery中使用live方法。

代码语言:javascript
运行
复制
$('.remove').live('click', function(event){
    remove(event.target.id); 
});

我怀疑您在附加DOM之前已经有了$(".remove").click(function(event) {remove(event.target.id);});代码。因此,jQuery无法将单击事件绑定到该元素,因为该元素尚不存在。

更多文档请点击此处http://api.jquery.com/live/

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7603360

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档