从 alt 脚本创建图像标题

发布于 2024-08-14 06:59:53 字数 349 浏览 10 评论 0原文

我正在尝试使用这个 jQuery 脚本从 alt 标签制作图像标题：

$("#content img").each(function () {
    var $this = $(this);
    var title = $this.attr("alt");
$this.after('<div class="caption">'+ title +'</div>');
});

我在它之前使用了另一个 jQuery 脚本，它工作正常。我似乎无法让替代脚本的标题起作用。

示例：www.cslack.com/test.html

谢谢，

罗伯特

原文

I am trying to use this jQuery script to make an image caption from the alt tag:

$("#content img").each(function () {
    var $this = $(this);
    var title = $this.attr("alt");
$this.after('<div class="caption">'+ title +'</div>');
});

I am using another jQuery script before it and it is working fine. I can't seem to get the caption to alt script to work.

Example: www.cslack.com/test.html

Thanks,

Robert

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

感性 2024-08-21 06:59:53

您的问题是您在图像存在之前执行代码。

您需要将代码包装在 $(function() { code }) 中，以使其在文档加载后运行。

或者，您可以将

另外，您的 HTML 没有 #content 元素；您需要将选择器更改为 img 或将所有标签放入

.

回复收藏 0 原文

可是我不能没有你 2024-08-21 06:59:53

 $(function(){

   $('a > img[style]').each(function(){
       $el = $(this);
       var style = $el.attr('style');
       $el.attr('style','');
       $el.parent().attr('style',style);
    }); //Moves the inline styles

      $("img").each(function(){
          var title = this.alt;
          $(this).after('<div class="caption">'+ title +'</div>');
      }); //Adds the dynamic captions.
 });

 $(function(){

   $('a > img[style]').each(function(){
       $el = $(this);
       var style = $el.attr('style');
       $el.attr('style','');
       $el.parent().attr('style',style);
    }); //Moves the inline styles

      $("img").each(function(){
          var title = this.alt;
          $(this).after('<div class="caption">'+ title +'</div>');
      }); //Adds the dynamic captions.
 });

回复收藏 0 原文