Jquery 选择具有特定属性而非特定值的div
我尝试选择所有具有特定属性的div,但此属性不是特定属性Jquery 选择具有特定属性而非特定值的div,jquery,attr,Jquery,Attr,我尝试选择所有具有特定属性的div,但此属性不是特定属性 $("[data-minut = '23']") // this works 这似乎选择了除attr 23之外的所有内容。我想选择所有具有attr数据分钟的div,但此attr不是23: $("[data-minut != '23']") 下面是要检查的示例: jQUERY: $("div").click(function() { $("[data-minut != '23']").css("background-
$("[data-minut = '23']") // this works
这似乎选择了除attr 23之外的所有内容。我想选择所有具有attr数据分钟的div,但此attr不是23:
$("[data-minut != '23']")
下面是要检查的示例:
jQUERY:
$("div").click(function() {
$("[data-minut != '23']").css("background-color","yellow");
});
CSS:
HTML:
只需使用
:not
或.not()
not
从集合中删除指定的选择器。此处排除了具有数据分钟数=23
的元素,并包括其他元素。只需使用:not
或。not()
not
从集合中删除指定的选择器。此处排除具有数据分钟数=23
的元素,并包括其他元素。如果在选择器中添加div
,则代码有效。否则,它也会将主体
更改为黄色背景色,因为您不会告诉jQuery您只想更改没有指定属性的div的颜色,因此它会更改不包含该属性的每个节点的颜色
如果在选择器中添加
div
,则代码有效。否则,它也会将主体
更改为黄色背景色,因为您不会告诉jQuery您只想更改没有指定属性的div的颜色,因此它会更改不包含该属性的每个节点的颜色
通过在选择器的开头添加
div
,我希望它能按预期工作:
$("div").click(function() {
$("div[data-minut != '23']").css("background-color","yellow");
});
现在,所有具有data data minut属性且其值不同于23的div都将以黄色
背景色
突出显示。如果你问它为什么会起作用,那么我仍在试图弄清楚这一点,我欢迎一些经验更丰富的jQuery老手的评论和帮助,指出它为什么会起作用:-)。。。也许这与选择器更具体这一事实有关
通过在选择器的开头添加
div
,我希望它能按预期工作:
$("div").click(function() {
$("div[data-minut != '23']").css("background-color","yellow");
});
现在,所有具有data data minut属性且其值不同于23的div都将以黄色
背景色
突出显示。如果你问它为什么会起作用,那么我仍在试图弄清楚这一点,我欢迎一些经验更丰富的jQuery老手的评论和帮助,指出它为什么会起作用:-)。。。也许这与选择器更具体这一事实有关
为什么你在我写下答案5分钟后抄袭了我的答案?@HowardRenollet,只是巧合,我们得到了相同的答案,而我没有抄袭!最重要的是,我想我至少花了几分钟写了一些解决方案有效的基本原理——我希望我能用jQuery的技巧写一个像你的答案那样彻底的解释。在我发表我的答案之前,我仍然认为Amit Jokim的答案是唯一的。所以我的评论无论如何都不是想挖苦人,只是有点幽默地指出我无法提供一个彻底的答案。顺便说一句,我给了你一票:-)这很酷,它发生了。我也有同样的事情发生在我身上,我正在非常努力地寻找答案,但一旦我提交了答案,其他人已经发布了完全相同的事情。这很酷,我只是不得不打电话给你:-)HowardRenollet好的,不用担心:-)你为什么在我写答案5分钟后抄袭我的答案?@HowardRenollet,只是碰巧我们有相同的答案,我没有抄袭!最重要的是,我想我至少花了几分钟写了一些解决方案有效的基本原理——我希望我能用jQuery的技巧写一个像你的答案那样彻底的解释。在我发表我的答案之前,我仍然认为Amit Jokim的答案是唯一的。所以我的评论无论如何都不是想挖苦人,只是有点幽默地指出我无法提供一个彻底的答案。顺便说一句,我给了你一票:-)这很酷,它发生了。我也有同样的事情发生在我身上,我正在非常努力地寻找答案,但一旦我提交了答案,其他人已经发布了完全相同的事情。这很酷,我只是不得不给你打电话:-)@HowardRenollet好的,不用担心:-)
$("[data-minut]:not([data-minut=23])")
// or
$("[data-minut]").not("[data-minut=23]")
$("div").click(function() {
$("div[data-minut != '23']").css("background-color","yellow");
});
$("div").click(function() {
$("div[data-minut != '23']").css("background-color","yellow");
});