Case-insensitive attribute selector

Question

I have a function that selects all <a> with href that contains sun:

jQuery('a[href*="sun"]').each(function(i, el) {
    alert(el);
});

How to make it case insensitive (contains substring sUN or sun or SuN etc)? Checked Case-insensitive attribute-value selector with Jquery but with no luck for this question.

*"Checked [Case-insensitive attribute-value selector with Jquery](http://stackoverflow.com/questions/5755722/case-insensitive-attribute-value-selector-with-jquery) but with no luck for this question."* Huh? The accepted answer there is **exactly** how you do this. — T.J. Crowder, Jan 28 '14 at 15:05
That answer checks for equality, you should use [`.indexOf()`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf) method after `.toLowerCase()`. — Ram, Jan 28 '14 at 15:11
Would anybody help to write it in one string instead of asking for closing this question? Thanks. — Haradzieniec, Jan 28 '14 at 15:17

Bic · Answer 1 · 2014-01-28T15:17:49.497

1

You might need to use a custom filter:

$('a').filter(function () {
    return $(this).attr('href').toLowerCase().indexOf('sun') >-1;
})

edited Jan 28 '14 at 15:17

answered Jan 28 '14 at 15:05

Bic

OP is using Attribute Contains selector. – Ram Jan 28 '14 at 15:15
@BlackSheep modified my answer to work with the contains. – Bic Jan 28 '14 at 15:19

score 0 · Answer 2 · answered Jan 28 '14 at 15:34

0

And here is my answer on my question:

$('a[href]').filter(function() {return this.href.toLowerCase().indexOf("sun") >=0 ;}).each(function(i, el) {
    alert(el);
});

answered Jan 28 '14 at 15:34

Haradzieniec

Still unclear about possible duplicate if the answers are really different - there were no "filter" and "each" all together. – Haradzieniec Jan 28 '14 at 15:36

2 Answers2