忽略querySelectorAll中的区分大小写

本文介绍了忽略querySelectorAll中的区分大小写的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我有此代码:

<a href="javascript:alert('something1')">Click</a> <a href="javascript:prompt('something2')">Click</a> <a href="javascript:alert('something3')">Click</a> <a href="javascript:prompt('something4')">Click</a>

现在，使用console.log(document.querySelectorAll("a[href^='javascript:prompt('],a[href^='javascript:alert(']"));将获取所有此类元素，如NodeList.

Now, using console.log(document.querySelectorAll("a[href^='javascript:prompt('],a[href^='javascript:alert(']")); would fetch all such elements as NodeList.

但是，我在javascript中使用不同大小写的字母给出了HTML文本.也就是说，请看下面的代码:

But, I have the HTML text given with different case of letters in javascript. That is, look at the following code:

<a href="javaSCRIPT:alert('something1')">Click</a> <a href="JaVaScRIPt:prompt('something2')">Click</a> <a href="javaSCRIpt:alert('something3')">Click</a> <a href="JAVAscrIPt:prompt('something4')">Click</a>

我引用了 this ，但使用的是*=而不是^=没有帮助.我知道^=等于以...开头" ，但是*=是什么意思?

I referred this, but using *= instead of ^= doesn't help. I know ^= equates to 'starts with', but what does *= mean?

如何为javascript的所有此类排列编写通用的querySelectorAll?

How can I write a generic querySelectorAll for all such permutations of javascript?

推荐答案

至少Chrome和Firefox在选择器中支持不区分大小写的限定符i(在此处定义: drafts.c​​sswg/selectors-4/#overview )

At least Chrome and Firefox support the case-insensitivity qualifier i in an selector (as defined in here: drafts.csswg/selectors-4/#overview)

var divs = document.querySelectorAll('div[class^="foo" i]'); console.log(divs.length); // should be 3 :)

<div class="foobar">foobar</div> <div class="Foobar">Foobar</div> <div class="fOobar">fOobar</div>