javascript - 将 rel="lightbox" 添加到其中包含 .jpg 和 .gif 的链接

Question

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

<script type="text/javascript">

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

</script>

Answer 1

您正在定位具有包含“.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>