jquery - 操作稍后将被创建的元素

Question

我在 div 元素中动态加载一些 html。是否有可能在该 html 的元素在 dom 中可用时获取事件然后对其进行操作？我想用这个查询为每个锚元素添加一个属性：

$("a[href^='/static/']").attr('target', '_blank');

Answer 1

试穿功能，

$(document).on('click', '#elementId', function(){

});

Answer 2

怎么样

if($('#name_of_element').length>0){ //check if element exsist on dom
    $('#name_of_element').click(function(){
     //do something
    });
}

Answer 3

我找到了解决方案。我确信这不是最好的解决方案，但它对我有用。在将 html 放入角度控制器中 $scope 的属性之前，我调用了此函数。

var addTargetToStaticLinks = function (html) {
  var dom = $('<div>' + html + '</div>');
  dom.find('a[href^="/static/"]').attr('target', '_blank');
  return dom.html();
};

现在我的锚元素的属性 target 的值为 _blank。