javascript - li.toUpperCase() :not selector difficulties

Question

我有一些代码看起来像这样:

$('.myList li:not(:contains(' + myWord + '))').css({'color' : red' });

调用时，这会将所有不包含我的关键字的内容变成红色。

但是，这不是不区分大小写的搜索。为了做到这一点，我尝试过这样的事情:

$('.myList li.'+toUpperCase()+':not(:contains(' + myWord.toUpperCase() + '))').css({'color' : 'red' });

但这只会引发错误。

如何进行 :not(:contains 不区分大小写的搜索？

Answer 1

我建议一个更简单的方法:

$('.myList li').filter(function(){
    // I may have become lost in your approach, but the following
    // will filter the list to those nodes that *do not* contain
    // text equal to that contained in the myWord variable
    var text = $(this).text().toLowerCase();
    return text.indexOf(myWord.toLowerCase()) == -1;
}).css('color', red);

请注意:

$('.myList li.'+toUpperCase()+':not(:contains(' + myWord.toUpperCase() + '))').css({'color' : 'red' });

您似乎正在搜索类名等于 upperCase() 函数的列表项(这不会发生)，然后您希望强制 :contains() 选择器不区分大小写，但您已经发现它不区分大小写。