jQuery为每张图片链接自动加上class属性
先上码:
1 2 3 4 5 6 | /* 用 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]
shamas
2011/03/29 14:52我的主题都自带了。不过代码看上去也蛮简洁的
皇家元林
2011/03/29 15:18呵呵,我也想办法把这些融入到我的主题里
Utaoy
2011/03/29 16:53我觉的用正则还简单些
皇家元林
2011/03/29 17:03呵呵,JS俺不会啊,这些都看别人的
liveme
2011/03/29 18:02有何作用?
皇家元林
2011/03/30 11:10学习而已,呵呵
乐玩中国
2011/03/29 21:41非常喜欢博主的博客,已经添加链接,欢迎添加
皇家元林
2011/03/30 11:09乖乖,你的举动真让我受宠若惊,呵呵
乐玩中国
2011/03/30 13:49好像没在贵博客找到链接哦
皇家元林
2011/03/30 15:01可能是缓存插件原因吧,你狠刷一下试试
zwwooooo
2011/03/30 19:39jQ很方便,哈哈