如何选择不包含数据的元素（不敏感的方式）？

Question

我用它：

$("#userList").not("[data-username*='john']").toggle()

并且希望它也为JOHN运行（不敏感）

我试过了＆＃39; i＆＃39;标志，但这会引发错误

$("#userList").not("[data-username*='john' i]").toggle()

有什么想法吗？

Answer 1

以下代码段运行不区分大小写：

＆＃13;

＆＃13;

 $(".userList[data-username='john' i]").show()
$(".userList:not([data-username='john' i])").show()

＆＃13;

.userList{display:none;}

＆＃13;

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class=userList>.userList[]</div>
    <div class=userList data-username=john>.userList[john]</div>
    <div class=userList data-username=John>.userList[John]</div>
    <div class=userList data-username=mike>.userList[mike]</div>

＆＃13;

＆＃13;

＆＃13;

修改

和NOT，使用选择器:not()

＆＃13;

＆＃13;

$(".userList:not([data-username='john' i])").show()

＆＃13;

.userList{display:none;}

＆＃13;

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <div class=userList>.userList[]</div>
        <div class=userList data-username=john>.userList[john]</div>
        <div class=userList data-username=John>.userList[John]</div>
        <div class=userList data-username=mike>.userList[mike]</div>

＆＃13;

＆＃13;

＆＃13;

只需调整以满足您的需求