jquery - 更改动态生成的链接上的文本

Question

我有一些动态添加和隐藏在页面上的链接元素。

它们由第三方 telerik 控件生成。

我想更改文本的名称，不幸的是，唯一的方法是使用 jquery。

我已经生成了规则(选择器)，用于在显示编辑链接时捕获它们。但是在初始页面加载时，没有编辑链接是可见的。用户单击某些内容后，将创建这些链接。用户单击其他内容后，这些将隐藏，其他一些链接将显示。这些是我需要更改文本的链接。

我如何编写 jquery 代码，以便每当将与该选择器匹配的元素添加到页面时，按钮文本就会更新？

谢谢!

编辑0

我无法控制它们的生成方式。

有两个网格，父级在顶部，子级在底部。最初 child 是隐藏的。在顶部网格中选择了一行，底部网格显示该选择的项目。这是将这些链接添加到页面的点(通过 AJAX 异步)，因此它们不在 DOM 中(为子网格中的每个子项编辑链接)。

希望这样更有意义。

编辑1

//catches the links
$("#CustomClass .t-button.t-grid-edit").text("Awesome text instead of Edit");

Answer 1

如果您使用的是 jQuery 1.7+，则需要使用 on将事件处理程序分配给满足您的选择器条件的当前和 future 的 DOM 元素。

如果您使用的是早期版本的 jQuery，您应该使用 delegate .

您声明您无法控制它们的生成方式，但是您可以控制将内容添加到页面吗？如果是这样，您可以使用自定义事件(也许)并使用 on/delegate 来处理添加到网格中的新项目。

这是演示这一点的 fiddle -- http://jsfiddle.net/dhoerster/xLvYE/

同样，不确定这是否有帮助。如果我没有正确理解这一点，我会删除。希望这会有所帮助。