皇家元林

位置: 首页 > 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]

--转载请注明: https://hjyl.org/jquery-add-class-pic/

11条评论

  1. #1

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

  2. #3

    我觉的用正则还简单些

  3. #5

    有何作用?

  4. #7

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

  5. #11

    jQ很方便,哈哈

  6. 发表评论

    (必填)

    9798