javascript - 进入dom时匹配img src的一部分并添加一个类到匹配的标签 - jquery

Question

我有一个加载了 ajax 的图片库，它可以将图片加载到 dom，然后将其移除并加载到下一个图片中，并以这种方式旋转。

在图像出现的位置旁边，我有一个图像的静态名称列表(它们在页面加载时就在那里，什么都不做)。

我想做的是当图像加载到 dom 中时，我想将其 src 属性的一部分匹配到类/id/rel/列表中的任何名称。

期望的结果是，当图像显示时，它的名称带有下划线，然后当它显示时，它的名称不再带有下划线，因为下一个图像名称现在已带有下划线...

我在这方面遇到了真正的麻烦，如果有人能告诉我如何做到这一点，我将非常感激!

谢谢!

Answer 1

您可以使用 jQuerys .load() 方法(更准确地说，load 事件 用于图像

$('#imageid').load(function(){
   // image was loaded
   var mySrc = $(this).attr('src');

   if(mySrc.indexOf('some_string_identifier') > -1){
      $(this).addClass('underline');
   }
});

您也可以在窗口对象 上调用.load()。当所有图像(作为副作用，它也在等待 iframes 之类的其他东西)加载时触发。

$(window).load(function(){
});

并在那里进行检查。