带有#标签的超链接无法在新选项卡中打开

时间:2017-02-25 08:30:37

标签: jquery hyperlink hashtag

我正在使用此代码打开新标签中的所有网址。 但是我希望带#的网址不要在新标签中打开。例如:

jQuery("a").attr("target", "_blank");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<a href="#">content</a>
<a href="#contact">Contact</a>

由于

2 个答案:

答案 0 :(得分:0)

您可以查看工作小提琴jsfiddle.net/bharatsing/t0fkzL5p/

$("a").click(function(){
    var href=$(this).attr("href");
  if(href!="" && href!="#"){
    $(this).attr("target", "_blank");
  }
  else{
    return false;
  }
});

答案 1 :(得分:0)

您可以在追加href之前检查_blank属性值。

jQuery("a").attr("target", function() {
  if ($(this).attr('href') != '#') {
    $(this).attr('target', '_blank');
  }
});

在上面的代码中,我们检查href值,如果它#然后忽略它,否则将_blank值附加到元素目标。

Demo

如果您要忽略ahref开始的所有#代码,您可以执行类似

的操作
jQuery("a").attr("target", function() {
  if ($(this).attr('href')[0] != '#') { //checks for the first char, if #, ignore
    return '_blank';
  }
});

Demo