为所有新创建的元素添加属性[关闭]

Question

例如，将值_blank 添加到所有新链接属性target 或使用随机值添加到所有新<div>s 属性title。除了setTimout()，还有什么想法吗？

UPD：我需要.attrGlobal() 之类的东西。 This answer 只允许对链接及其属性 target 执行此操作，但是如何对所有元素及其所有属性执行此操作？

UPD2：尝试将MutationObserver 设为SLaks recommended，但点击添加按钮http://jsfiddle.net/1337/wvfkc/5/ 时Firefox 冻结。

Answer 1

终于找到解决办法了。

MutationObserver = window.MutationObserver || window.WebKitMutationObserver;

var observer = new MutationObserver(function() {
  $("a").attr("target", "_blank");
  $("div").attr("title", Math.floor(Math.random() * 1000));
});

observer.observe(document, {
  subtree: true,
  childList: true
});

jsfiddle.net

在选项中您始终需要subtree: true，如果您更改属性，请不要添加到选项attributes: true，因为MutationObserver(function(mutations, observer) { 将进入永恒循环并且浏览器冻结。

Answer 2

这是你想要做的吗？ （假设单击按钮会插入新元素）

function setAttrs() {
    $('a').attr('target', '_blank');
    $('div').attr('title', new Date().getTime());
}
$(function() {
    setAttrs();
    $('button').on('click', function(e) {
        e.preventDefault();
        $('body').append('<div>text</div> <a href="//google.com">google</a>');
        setAttrs();
    });
});

FIDDLE

Answer 3

答案取决于您如何添加新元素以便 jQuery 可以找到它们。为了更准确地回答，我们还需要知道元素的父级以及是否还有其他不应更改的元素。

如果通过ajax添加，最好将这段代码放在success函数中。

$('#parentDivID a').prop('target', '_blank'); //this changes the atributes of all a element
$('#parentDivID div').prop('title', Math.floor(Math.random()*1000); //give random nr to title

Answer 4

您可以这样做，此答案中对此进行了说明。 jQuery: Is there a way to automatically add attributes to dynamically generated HTML, in the same way that live() works with events?

由于 .live 已弃用，请改用 .on。

使用.on 来完成您希望通过这样的链接执行的操作

$('a').on("click", function(e) {
   $(this).attr('target', '_blank');
});