jQuery select attribute with a matched string

Question

Many anchor tags on my website have Windows ".exe" file link in its href attribute.

If that anchor tag is clicked on Mobile or Mac OS, I want to popup a message: "Sorry only available on Windows".

Any anchor tag whose href ends with ".exe" matches the condition. How can I select such anchor tags in jQuery?

For example:

<a href="http://www.example.com/downloads/abc.exe"></a>

should be selected by jQuery because it ends with ".exe"

But

<a href="http://www.example.com/downloads/abc.jpg"></a>

should "NOT" be selected by jQuery because it does not end with ".exe" in it.

I have the following code:

if (/Mobi|Android/i.test(navigator.userAgent))
{
 jQuery("a[href*='.exe']").attr("href","#popmake-1117");
}

But it detects .exe anywhere in the href, and not in the end. Also, it works only on mobiles and not on Mac.

tao · Accepted Answer · 2018-10-06 15:05:10Z

1

Update: While the .filter() works out for more complex conditions, there is a valid CSS modifier ([attribute$="value"]) for ends with:

if (/Mobi|Android/i.test(navigator.userAgent)) {
  jQuery("a[href$='.exe']").attr("href","#popmake-1117");
}

Initial answer

This is how I'd do it, using .filter():

let exes = $('a[href]').filter(function(){
  return $(this).attr('href').indexOf('.exe') > -1
});

// let's test it

exes.css({
  border: '1px solid red'
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<a href="#something.exe">has exe</a>
<a href="#something">no exe</a>

To check if .exe is ending the string, you can use substring:

let exes = $('a[href]').filter(function(){
  return $(this).attr('href').substr($(this).attr('href').length - 4) === '.exe'
});

// let's test it

exes.css({
  border: '1px solid red'
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<a href="#something.exe">has exe</a>
<a href="#something">no exe</a>
<a href="#something.exellent">exe not at the end of it</a>

edited Oct 6, 2018 at 15:05

answered Oct 6, 2018 at 14:39

tao

91.1k18 gold badges138 silver badges174 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Computer User Over a year ago

Can I check if href specifically ends with ".exe" ? and not anywhere in it?

tao Over a year ago

@Comp yes, you can do return $(this).attr('href').substr($(this).attr('href').length - 4) === '.exe'

tao Over a year ago

@Comp, updated answer with another method, which appears to be what you should use. There's a valid CSS modified for "ends with". $('a[href$=".exe"]')

flyingfox · Accepted Answer · 2018-10-06 14:38:20Z

1

You can use indexOf() to check if it contains specify string

$(window).ready(function(){
  $("a").on("click",function(){
     var href = $(this).attr("href");
     if(href.indexOf("example.com/downloads") > -1 && href.indexOf(".exe")> - 1){
       alert("Can download");
     }else{
       alert("Sorry only available on Windows");
     }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<a href="http://www.example.com/downloads/abc.exe">Download exe</a>
<a href="http://www.example.com/downloads/abc.apk">Download apk</a>

answered Oct 6, 2018 at 14:38

flyingfox

13.5k4 gold badges30 silver badges43 bronze badges

3 Comments

Computer User Over a year ago

Can I check if href specifically ends with ".exe" ? and not anywhere in it?

flyingfox Over a year ago

@ComputerUser so you can check this stackoverflow.com/questions/280634/endswith-in-javascript

Ercan Peker Over a year ago

yes you can check if index of '.exe' is equal length of href minus length of '.exe' which is 4. i edited my answer, accordingly.

Ercan Peker · Accepted Answer · 2018-10-06 14:45:38Z

1

look for index of two values.

var link=$('a').attr('href'); 
if(link.indexOf('example.com/downloads')>-1 && 
 link.indexOf('.exe')==link.length-4){
//do something
 }

edited Oct 6, 2018 at 14:45

answered Oct 6, 2018 at 14:39

Ercan Peker

1,66212 silver badges18 bronze badges

1 Comment

Computer User Over a year ago

Can I check if href specifically ends with ".exe" ? and not anywhere in it?

Jerdine Sabio · Accepted Answer · 2018-10-06 14:46:03Z

1

Use a combination of navigator.platform and indexOf

$(document).ready(function() {
  $("a").click(function(e) {
    var href = $(this).attr("href");

    if (href.indexOf(".exe") > -1) {
      console.log(navigator.platform);

      if (navigator.platform.indexOf("Win") > -1) {
        alert("You're using windows!");
        //proceed

      } else {
        alert("Only available in Windows!");
        e.preventDefault();
      }
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="www.test/test.exe">Test.exe</a>
<a href="https://www.google.com">Google</a>

answered Oct 6, 2018 at 14:46

Jerdine Sabio

6,0052 gold badges15 silver badges27 bronze badges

Collectives™ on Stack Overflow

jQuery select attribute with a matched string

4 Answers 4

3 Comments

3 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related