不区分大小写的jQuery属性选择器

Question

我正在使用包含选择器$（'[[attribute * = value]'）<input name="man-news"><input name="milkMan"><script>        $( "input[name*='man']").css("background-color:black");</script>这适用于第一个输入，但不适用于第二个输入，因为“ Man ”的首字母为“ M ”如何制作$( "input[name*='man']")不区分大小写的选择器？

Answer 1

您可以随时使用.filter()：

var mans = $('input').filter(function() {

    return $(this).attr('name').toLowerCase().indexOf('man') > -1;

});

mans.css('background-color', 'black');

这里的关键部分是toLowerCase()将name属性小写，从而允许您测试它是否包含man。

Answer 2

var control = $('input').filter(function() {

    return /*REGEX_VALUE*/i.test($(this).attr('id'));

});

* REGEX_VALUE *-您要查找的值

我最终使用regex来验证属性'ID'是否满足...如果要查找某个匹配的值或多个值，区分大小写或不区分大小写或某个值的范围，则regex更具灵活性。