使用 Jquery 将站点图标添加到链接
我刚刚在我的网站上测试了这个 Jquery 脚本 http://cool-javascripts.com/jquery/add-icons-to-your-links-automatically-using-jquery-css.html
目前,该脚本为外部站点创建默认图标。如果能为 Twitter、facebook 和 youtube 等不同的外部网站提供自定义图标,那就太好了,但我正在努力转换脚本来执行此操作。
如果您能提供帮助,请先致谢。
I have just tested this Jquery script with my site http://cool-javascripts.com/jquery/add-icons-to-your-links-automatically-using-jquery-css.html
At present the script creates a default icon for external sites. It would be great to have custom icons for different external sites like Twitter, facebook, and youtube, but I am strugling to convert the script to do this.
Thanks in advance if you can help.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我不知道为什么你需要使用 jQuery - CSS 很好地支持属性选择器。跨浏览器兼容性?
无论如何,您要查找的选择器是
a[href*='youtube.com']
,它会选择hrefyoutube.com
的任何锚点代码>属性。您可以对 Twitter、Facebook 等执行相同的操作,只需将youtube.com
替换为这些网站的 URL。I'm not sure why you'd need to use jQuery - CSS supports attribute selectors just fine. Cross browser compatibility?
Anyway, the selector you are looking for is
a[href*='youtube.com']
which selects any anchors withyoutube.com
in thehref
attribute. You can do the same for Twitter, Facebook, etc by replacingyoutube.com
with the URL to those sites.