jQuery外部链接新窗口,将相对和相同的域链接视为内部链接

时间:2012-01-11 23:24:45

标签: jquery jquery-selectors conditional

我希望我的所有链接都不是xxx.domain.com而不是" / relative"链接在外部窗口中打开。此代码显示问题,这是错误的,因为第一个条件选择器被第二个条件选择器立即覆盖。所以我要找的是多个条件选择器以及如何将这两个测试结合起来,我没有运气的尝试:

尝试1)

$("#links a:not([href^='/']), #links a:not([href*='.domain.com/'])").live('click',function(e){
$(this).attr("target", "_blank");
});

尝试2)

$("#links a:not([href^='/']).#links a:not([href*='.domain.com/'])

尝试3)

$("#links a:not([href^='/']):not([href*='.domain.com/'])"

尝试4)(我真的对此有希望)

$("#link a:not([href^='/'])").live('click',function(e){
  $(this).attr("target", "_blank");
  $("#links a:is([href*='.domain.com/'])").removeAttr("target");
});


<div id="link"><a href="/relative-path.html">relative</a></div>
<div id="link"><a href="http://www.google.com/">offsite</a></div>
<div id="link"><a href="http://many.domain.com/">onsite</a></div>
<div id="link"><a href="http://any.domain.com/">onsite 2</a></div>
<div id="link"><a href="http://domain.com/">onsite 3</a></div>

感谢阅读!

1 个答案:

答案 0 :(得分:5)

$(document.links).each( function(){
    this.target = ~this.href.indexOf( "domain.com/") ? "" : "_blank";
});

href属性自动扩展了网址。