javascript - 自动为添加到 DOM 的每个元素设置属性为特定值？

Question

我有一个文档，它可以根据用户交互随时在 DOM 中添加和删除类似灯箱的 div 进行动态操作。其中一些 div 包含超链接，我想确保每当单击这些 anchor 元素中的任何一个时，链接的文档都会显示在 iframe 中，而不是根浏览上下文中。换句话说，我需要确保添加到 DOM 的所有 anchor 元素都将其 target 属性设置为值 "foo"，一旦 anchor 元素被引入到 DOM 中。

我想到的一个想法是使用 HTMLAnchorElement 原型(prototype)，以便它的任何和所有原型(prototype)后代都将继承其 target 属性的值，但是我不太能做到这一点。

Answer 1

如何向文档添加点击处理程序来拦截链接点击？

$(document).on('click', '.lightbox a', function(e){
    e.preventDefault();
    var url = $(e.target).attr('href');
    // now open url in iframe
});

我愚蠢地假设您已经在使用 jQuery。如果你不会，你可以翻译它:)