JavaScript - querySelectorAll和lower/uppercase

Question

我有一个querySelectorAll的问题。我用这样的：

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

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

和它的作品，如果提供item写入完全一样，在上述元素的target值。但我在我的按钮上使用了text-transform，这导致了一个问题。我尝试将toLowerCase()添加到两者，但这没有帮助。我能做什么？

Answer 1

至于我 - 标题在这种情况下使用起来不是很舒服。想想一种识别器。

---

命题：

在你的HTML代码

，让更多的ATTR，种：

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

，并在您的JS：

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

setItemActive(item) { 
    // make item lower case 
    _.addClass(document.querySelectorAll(`[data-title="${item.toLowerCase()}"]`)[0], this.activeClass); 
} 

Answer 2

我试图setItemActive功能在下面写这个函数。 希望这将有助于你

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

入住这jsFiddle