皇家元林

位置: 首页 > jQuery为每张图片链接自动加上class属性

jQuery为每张图片链接自动加上class属性

Mar 2011 29

先上码:

/* 用 jQuery 为每张图片链接自动加上 class="thickbox" */
$('#content p a').each(function(){ //根据主题内容区的 id 设置选择器
var a_href = $(this).attr('href').toLowerCase();
var file_type = a_href.substring(a_href.lastIndexOf('.'));
if (file_type == '.jpg' || file_type == '.png' || file_type == '.gif'){$(this).addClass('thickbox')};
});

这个再配合lightbox之类的图片展示代码用起来不错。
此代码发现于ZWW-http://zww.me/archives/25196

还有一个
[warning]$('.entry a:has(img)').addClass("thickbox");[/warning]

--转载请注明: 皇家元林 » jQuery为每张图片链接自动加上class属性

11条评论

  1. #-19

    我的主题都自带了。不过代码看上去也蛮简洁的

  2. #-18

    呵呵,我也想办法把这些融入到我的主题里

  3. #-17

    我觉的用正则还简单些

  4. #-16

    呵呵,JS俺不会啊,这些都看别人的

  5. #-15

    有何作用?

  6. #-14

    非常喜欢博主的博客,已经添加链接,欢迎添加

  7. #-13

    乖乖,你的举动真让我受宠若惊,呵呵

  8. #-12

    学习而已,呵呵

  9. #-11

    好像没在贵博客找到链接哦

  10. #-10

    可能是缓存插件原因吧,你狠刷一下试试

  11. #-9

    jQ很方便,哈哈

  12. 发表评论

    (必填)

    1624