Javascript 排除嵌套在jquery中另一个div下的div

Javascript 排除嵌套在jquery中另一个div下的div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我必须排除嵌套在jQuery中的另一个div的div。下面是我的代码 $(文档).ready(函数(){ $(“.intro”).not(“.big”).css(“背景色”、“黄色”); }); 欢迎来到我的主页 我叫唐纳德。 我住在达克伯格 我最好的朋友是米奇 你最喜欢谁: 傻瓜 米奇 冥王星 您应该在的子项上使用而不是。intro- $(“.intro*”)。不是(“.big”) 顺便说一句,如果你只想改变背景,你可以通过css- .intro *:not('.big') {

我必须排除嵌套在jQuery中的另一个div的div。下面是我的代码

$(文档).ready(函数(){
$(“.intro”).not(“.big”).css(“背景色”、“黄色”);
});

欢迎来到我的主页
我叫唐纳德。
我住在达克伯格

我最好的朋友是米奇

你最喜欢谁:
  • 傻瓜
  • 米奇
  • 冥王星

您应该在
的子项上使用
而不是
。intro
-

$(“.intro*”)。不是(“.big”)

顺便说一句,如果你只想改变背景,你可以通过css-

.intro *:not('.big') {
    backgroung: yellow;
}

尝试修改选择器:

$(document).ready(function(){
    $(".intro div:not(.big)").css("background-color", "yellow");
});

我相信这是有效的。但是
div
位于父级中


为什么不将
.big
设置为
背景色:白色

我将克隆原始文件,然后从克隆中删除
.big
。然后你可以对克隆人做任何你想做的事

var intro_copy = $('.intro').clone();
intro_copy.find('.big').remove(); 

您的div intro是一个包裹div的大类,因此当您将背景色应用于intro类时,它将应用于整个块,因此您不会看到结果。然而,这可以通过使用CSS来实现

$(文档).ready(函数(){
$(“.intro”).not(“.big”).css(“背景色”、“黄色”);
});
.big{背景色:白色}

欢迎来到我的主页
我叫唐纳德。
我住在达克伯格

我最好的朋友是米奇

你最喜欢谁:
  • 傻瓜
  • 米奇
  • 冥王星

您的查询只选择了一个div:class'intro'CSS only solution-.intro{background:yellow;}.big{background:white}