javascript - jQuery:有没有一种方法可以自动将属性添加到动态生成的 HTML 中，就像 live() 处理事件一样？

Question

我有如下列表:

<ul id="links">
    <li><a href="/example-url-1">Link 1</a></li>
    <li><a href="/example-url-2">Link 2</a></li>
    <li><a href="/example-url-3">Link 3</a></li>
</ul>

我正在使用 jQuery 向每个链接添加一个 target 属性，因为我不想改变服务器端的 HTML 输出；它在许多其他地方使用，这是链接应具有此属性的唯一实例。

$('#links a').attr('target', '_top');

问题是新链接在客户端动态附加到此列表，同样使用 jQuery；当它们存在时，它们显然缺少 target 属性，所以我最终得到了这样的结果:

<ul id="links">
    <li><a href="/example-url-1" target="_top">Link 1</a></li>
    <li><a href="/example-url-2" target="_top">Link 2</a></li>
    <li><a href="/example-url-3" target="_top">Link 3</a></li>
    <li><a href="/example-url-4">Link 4</a></li>
</ul>

我无法更改附加链接以包含属性的 jQuery 脚本，所以我的问题是:我知道我可以使用 live() 自动设置 事件动态生成的元素的处理程序，但是有没有一种方法可以自动向添加的任何新元素添加属性？

Answer 1

我认为没有任何方法可以满足您的要求。但是你可以使用 live 来完成同样的事情:

$('#links a').live("click", function(e) {
   $(this).attr('target', '_top');
});