不区分大小写的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

最简单的方法是在选择器的正则表达式部分中添加一个不区分大小写的标志"i":

而不是

$( "input[name*='man']")

你可以做到

$( "input[name*='man' i]")

JS小提琴:https://jsfiddle.net/uoxvwxd1/3/

Answer 2

你可以随时使用.filter():

var mans = $('input').filter(function() {
    return $(this).attr('name').toLowerCase().indexOf('man') > -1;
});

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

这里的关键部分是toLowerCase()对name属性进行小写,允许您测试它是否包含man.