javascript - 访问刚刚 append 到 DOM 的 jquery 元素

标签 javascript jquery append

我只是在 DOM 上 append 一个元素,例如:

$("#div_element").append('<a href="#">test</a>');

在我 append 它之后,我需要访问我刚刚制作的元素以便将点击功能绑定(bind)到它,我试过:

$("#div_element").append('<a href="#">test</a>').click(function(){alert("test")});

但是上面的方法没有用。我可以唯一地标识该元素,但是当我可能有一种方法可以在我 append 它之后立即获取该元素时,这似乎有点工作量。

最佳答案

你可以这样做:

var el = $('<a href="#">test</a>');

$("#div_element").append(el);

el.click(function(){alert("test")});

// or preferrably:
el.on('click', function(){alert("test")});

append 函数接受两种类型的参数:字符串或 jQuery 元素。 如果传入字符串,它将在内部创建一个 jQuery 元素并将其 append 到父元素。

在这种情况下,您想要自己访问 jQuery 元素,因此您可以 append 事件处理程序。因此,不是传入字符串并让 jQuery 创建元素,而是必须先创建元素,然后将其传递给追加函数。

完成后,您仍然可以访问 jQuery 元素以 append 处理程序。

关于javascript - 访问刚刚 append 到 DOM 的 jquery 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16107267/

相关文章:

javascript - 对 Backbone 进行子类化。查看子类并保留事件

javascript - Cloud Functions for Firebase HTTP 超时

python - 如何合并两个具有不同时间戳的 Pandas

swift - didSet 没有被 Swift 中的 Array.append() 调用

javascript - 从 body 内容 append DIV 会删除 DOM 元素

javascript - console.log 带有数字的奇怪行为

javascript - 使 select2 框足够宽以容纳内容

jQuery 缓慢与大表行突出显示

javascript - 模拟宽度 : calc(100%) - with jQuery not working

javascript - 当用户点击链接时运行 javascript 函数