Hyperlink with hashtag do not open in new tab

Question

i am using this code to open all the URLs in new tab. but i want the url with # do not open in new tab. for example:

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>

Thanks

score 0 · Answer 1 · answered Feb 25 '17 at 08:34

0

You can check working fiddle jsfiddle.net/bharatsing/t0fkzL5p/

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

answered Feb 25 '17 at 08:34

Bharatsing Parmar

2,435
1
9
18

Mr. Alien · Accepted Answer · 2017-02-25T08:55:34.680

0

You can check the href attribute value before appending _blank.

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

In the above code, we check for the href value, if it's # then ignore it, else append _blank value to the elements target.

Demo

If you are looking to ignore all a tags where href starts from #, you can do something like

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

Demo

edited Feb 25 '17 at 08:55

answered Feb 25 '17 at 08:37

Mr. Alien

153,751
34
298
278

Also checked #contact? – vusan Feb 25 '17 at 08:41
@vusan Aah, I thought he wants to ignore blank hash urls, will modify – Mr. Alien Feb 25 '17 at 08:41
@Mr.Alien the second demo is exactly what i am looking for. Thanks – Sajjad Ahmad Feb 25 '17 at 08:50
Yea, I thought you wanted to ignore the ones with `#` only.. @SajjadAhmad – Mr. Alien Feb 25 '17 at 08:54

Hyperlink with hashtag do not open in new tab

2 Answers2