Jquery标记出站链接

发布于 分类 Jquery

49天前 有1个用户阅读过

RT,通过链接的字符串匹配特征,将页面的出站链接a标签增加class,class交给css处理。JQUERY部分:

//标记出站链接,并新窗口打开
$('.body.post a').each(function() {
 _href=$(this).attr('href');
 if(_href.indexOf('://')!=-1 && _href.indexOf('seonoco.com')==-1){
 $(this).addClass('external_link');
 $(this).attr("target","_blank");
 }
});
jQuery通过addClass()方法给元素添加多个class,只需要在添加的class中用空格分开多个class既可。

补充:indexOf用法说明

定义和用法

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

语法

stringObject.indexOf(searchvalue,fromindex)
参数 描述
searchvalue 必需。规定需检索的字符串值。
fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。

说明

该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

提示和注释

注释:indexOf() 方法对大小写敏感!

注释:如果要检索的字符串值没有出现,则该方法返回 -1。

-- The End --

参考与扩展阅读

JavaScript indexOf() 方法

本文标题: Jquery标记出站链接

本文地址: https://seonoco.com/blog/jquery-mark-external-link

本文是否有所帮助?
点赞 0
感谢支持
0
多谢反馈
评论 0
打赏

支持微信/支付宝

评论 ( 当前有 16 条评论 )

网友

最新最早
  • Crytosoode2022-09-28 16:37:01
    使用这个机器人在互联网上赚钱。 它确实有效! http://go.obermatsa.com/0ja8
  • Crytosoode2022-09-28 23:13:07
    加入在这里赚钱的成功人士的社会。 http://go.obermatsa.com/0ja8
  • Crytosoode2022-09-29 05:47:41
    这个机器人将帮助你每天赚几百美元。 http://go.obermatsa.com/0ja8
  • Crytosoode2022-09-29 12:24:18
    如果你使用这个机器人,可以保证数千美元。 http://go.obermatsa.com/0ja8
  • Crytosoode2022-09-29 19:02:31
    金融机器人是您未来的财富和独立性。 http://go.obermatsa.com/0ja8
  • Crytosoode2022-09-30 01:36:15
    金融机器人是有史以来第一个投资工具. 发射它! https://go.diryjyaz.com/0j35
  • Crytosoode2022-09-30 08:04:02
    赚美元呆在家里,推出了这个机器人。 https://go.diryjyaz.com/0j35
  • Crytosoode2022-09-30 12:20:26
    这是启动机器人以获得更多资金的最佳时机。 https://go.diryjyaz.com/0j35
  • Crytosoode2022-09-30 16:43:55
    寻找额外的钱? 尝试最好的金融工具。 https://go.diryjyaz.com/0j35
  • Crytosoode2022-09-30 23:17:40
    使用此程序使您的笔记本电脑成为金融工具。 https://go.diryjyaz.com/0j35
  • Crytosoode2022-10-01 06:04:58
    寻找一个简单的赚钱方法? 看看金融机器人。 https://go.diryjyaz.com/0j35
  • Crytosoode2022-10-01 12:30:36
    即使你睡觉,你的钱也会起作用。 https://go.diryjyaz.com/0j35
  • Crytosoode2022-10-01 18:57:57
    需要钱吗? 金融机器人是你的解决方案。 https://go.diryjyaz.com/0j35
  • Crytosoode2022-10-02 01:30:02
    使用此程序使您的笔记本电脑成为金融工具。 https://go.diryjyaz.com/0j35
  • Crytosoode2022-10-02 06:43:04
    没有钱? 在这里在线赚取它们很容易。 https://go.diryjyaz.com/0j35
  • Crytosoode2022-10-02 13:13:07
    使用这个机器人是让你致富的最好方法。 https://go.diryjyaz.com/0j35