How to get elements in java script with case insensitiveness?

Question

I have a query. I want to get element in java script using it's ID. I can use getElementById. But the problem is that, the ID could be case in sensitive. ie

Suppose my ID = "Test"

then I want to get the element with IDs "Test", "test", "tEsT", "TeSt" and all other case combinations. There is a surety that there would be only one element with the ID among all of above.

Can you please help how can I get such element such that I can get the element case insensitively?

Thanks in advance.

Answer 1

You could just select all elements with IDs, then use Regex to test them case insensitively:

var result = [].filter.call(document.querySelectorAll('[id]'), function(node) {
    return node.id.match(/test/gi);
});
console.log(result);

Maybe you can narrow down your elements more than a generic [id] selector?

jsFiddle

Answer 2

This REGEX SELECTOR FILTER is what I use to perform similar things.

HTH, Carlo

Answer 3

好吧，我在jQuery中找到的唯一方法是使用过滤器功能的不区分大小写的jQuery属性选择器