将rel =“lightbox”添加到带有.jpg和.gif的链接中

Question

我试图制作一个简单的脚本，将rel =“lightbox”添加到带有.jpg或.gif的href链接中。有人能帮我吗？我看不出错误。谢谢。

<script type="text/javascript"> 

     $('a[href*=".jpg"]').each(function() { 
      $('a[href*=".gif"]').each(function() { 
       $(this).attr('rel','lightbox'); 
      }); 
     }); 

</script> 

Answer 1

您针对的是包含BOTH'.jpg'和'.gif'的href属性的链接。尝试与以“.JPG”或“.gif注意”端的href属性定位链接：

<script type="text/javascript"> 
     $('a[href$=".jpg"], a[href$=".gif"]').each(function() { 
      $(this).attr('rel','lightbox'); 
     }); 
</script> 

更新 要运行脚本当DOM准备就绪后，附加功能的domready中事件：

<script type="text/javascript"> 
$(document).ready(function() { 
     $('a[href$=".jpg"], a[href$=".gif"]').each(function() { 
      $(this).attr('rel','lightbox'); 
     }); 
}); 
</script>