通过 jQuery 检查链接

Question

有一块链接，

<div class="links">
<a href="http://google.com">
<a href="http://bing.com">
<a href="http://example.com/section2/">
</div>

它们都放在http://example.com/的html中。

如何检查每个链接是否是当前打开网站的链接？

脚本应为 http://example.com/anything/else/in/the/url/ 提供 true，为所有其他网站提供 false。

Answer 1

在 GitHub 上查看我的 jQuery 插件 $.urlParser： https://github.com/ Dyvor/jquery/tree/master/plugins/urlParser

您可以尝试以下代码：

var current_host = $.urlParser(window.location.toString()).host;
$('div.links a').each(function() {
    if ( current_host == $.urlParser($(this).attr('href')).host ) {
        // the hosts matched ... place your code here
    }
});

Answer 2

给你的 DIV 一个 ID，让它变得更容易：

<div id="links">

然后这个脚本就会做你想做的事：

var links = document.getElementById('links').getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
  if (links[i].href.indexOf('http://mysite.com/') === 0) {
    // Yes, this link belongs to your site
    // do something
  } else {
    // do something else
  }
}

Answer 3

这应该可以做到

$("a").each(function(){
  return $(this).attr("href").indexOf("http://mysite.com")==0;
});

另一种方式

$("a[href^='http://mysite.com/']")

只会给你你需要的链接