使用jQuery查找页面加载后加载到dom的图像?

时间:2014-04-04 15:18:08

标签: javascript jquery dom

正在处理一个页面,该页面利用第三方供应商在DOM加载后将图像放到页面上。

我正在开发一个bookmarklet脚本,允许内部用户点击网站上的任何图片,并检索它idsrc。该脚本适用于仅包含初始文档加载的图像的测试页面,但是在iframe中包含图像的页面或初始页面加载后加载的div不会按预期发出警告。

//$(window).load(function()
  $(document).ready(function(){
    $("img").css('cursor', 'crosshair');
    $("img").click(function(){
      var altimg = $(this).attr('alt');
      var srcimg = $(this).attr('src');
    alert('ID is: '+ altimg+ '\n SRC: '+ srcimg);
  });
});

有没有更好的方法在先前加载的页面上使用书签放置脚本来检查dom?我不确定document.readywindow.load是否是合适的方法,因此为什么一个被注释掉,两者都在代码中。

DEMO

1 个答案:

答案 0 :(得分:3)

这个答案是为了处理动态加载的图像(关于iframe,我相信它不会起作用)。

使用事件委派

$(document).on("click","img",function(){
      var altimg = $(this).attr('alt');
      var srcimg = $(this).attr('src');
    alert('ID is: '+ altimg+ '\n SRC: '+ srcimg);
  });

我已更新了您的fiddle