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

13年前 11

先上码:

/* 用 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]

11 条评论

  1. #1

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

  2. #2

    我觉的用正则还简单些

  3. #3

    有何作用?

  4. #4

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

  5. #5

    jQ很方便,哈哈

评论 zwwooooo 取消评论