选择具有特定属性而不是特定值的 div

Question

我尝试选择所有具有特定属性但该属性不是特定属性的 div。

$("[data-minut = '23']") // this works    

这似乎选择了除 attr 23 之外的所有其他内容。我想选择所有具有 attr 数据分钟但该 attr 不是 23 的 div：

$("[data-minut != '23']") 

这是要检查的示例：http://jsfiddle.net/3jbf2wwh/

jQUERY：

$("div").click(function() { 
    $("[data-minut != '23']").css("background-color","yellow");
});

CSS：

.blue {
    margin:0 auto;
    width:80px; height:30px;
    margin-bottom:20px;
    cursor:pointer;
    background-color:blue;
}

HTML：

<div class="blue" data-minut='23'></div>
<div class="blue" data-minut='24'></div>
<div class="blue" data-minut='25'></div>

Answer 1

只需使用:not 或.not()

$("[data-minut]:not([data-minut=23])")
// or
$("[data-minut]").not("[data-minut=23]")

not 从集合中删除指定的选择器。这里排除了具有data-minut=23 的元素，包括其他元素。

Answer 2

如果您在选择器中添加 div，您的代码将有效。否则，它也会将body 更改为黄色背景色，因为您没有告诉 jQuery，您只想更改没有指定属性的 div 的颜色，因此它会更改不包含的每个节点的颜色那个属性。

http://jsfiddle.net/3jbf2wwh/3/

$("div").click(function() { 
    $("div[data-minut != '23']").css("background-color","yellow");
});

Answer 3

我希望通过在选择器的开头添加div 使其按预期工作：

$("div").click(function() { 
    $("div[data-minut != '23']").css("background-color","yellow");
});

现在所有具有 data-data-minut 属性且其值不同于 23 的 div 都用yellow background-color 突出显示。如果您问它为什么起作用，那么我仍在努力解决这个问题，我欢迎 cmets 和一些更有经验的 jQuery 退伍军人的帮助指出为什么它起作用:-) ...也许这与选择器更具体的事实有关。

Fiddle