忽略querySelectorAll中的区分大小写 [英] Ignoring case sensitiveness in 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
(在此处定义:
At least Chrome and Firefox support the case-insensitivity qualifier i
in an selector (as defined in here: https://drafts.csswg.org/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>
这篇关于忽略querySelectorAll中的区分大小写的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!