JavaScript-querySelectorAll和小写/大写

JavaScript-querySelectorAll和小写/大写,javascript,Javascript,我对querySelectorAll有问题。我是这样使用它的: Array.prototype.forEach.call(buttons, (btn) => { this.setItemActive(target); }); setItemActive(item) { _.addClass(document.querySelectorAll(`[title="${item}"]`)[0], this.activeClass); } 如果所提供的项与所述元素中的目标值完全相同,则

我对
querySelectorAll
有问题。我是这样使用它的:

Array.prototype.forEach.call(buttons, (btn) => {
  this.setItemActive(target);
});

setItemActive(item) {
  _.addClass(document.querySelectorAll(`[title="${item}"]`)[0], this.activeClass);
}

如果所提供的
与所述元素中的
目标
值完全相同,则它可以工作。但是我在按钮上使用了
文本转换
,这导致了一个问题。我尝试将
toLowerCase()
添加到这两个函数中,但都没有效果。我能做什么呢?

对我来说,在这种情况下使用标题不是很舒服。考虑一种识别器


提议:

在HTML代码中,添加属性,例如:

<a title="WrIght As You Wish" data-title="strictlowercasetitle" >Your info with title</a>

对我来说,在这样的情况下使用标题不是很舒服。考虑一种识别器


提议:

在HTML代码中,添加属性,例如:

<a title="WrIght As You Wish" data-title="strictlowercasetitle" >Your info with title</a>

我尝试了
setItemActive
函数,并在下面编写了这个函数。 希望这对你有帮助

function _setItem(item){
    console.log(item)
    var m = document.querySelectorAll('a[title='+item+']')[0];
    console.log(m)
    }
    _setItem("WrIght");

检查此

我尝试了
setItemActive
函数,并在下面编写了此函数。 希望这对你有帮助

function _setItem(item){
    console.log(item)
    var m = document.querySelectorAll('a[title='+item+']')[0];
    console.log(m)
    }
    _setItem("WrIght");

检查一下这个

好吧,你的回答启发我写了一个方法,添加了
id
,这是一个很好的标题。谢谢!;-)好吧,你的回答启发我写了一个方法,添加了
id
,这是一个很好的标题。谢谢!;-)