jQuery的选择DIV中的div内部形状

Question

我有这样的代码：

$(document).ready(function() { 
 
    $form.find() 
 

 
});

#second { 
 
    font-size: 20px; 
 
    color: green; 
 
    background: white; 
 
    text-align: center; 
 
}

<form> 
 
    <div class="first" style="width: 301px; margin:5px 0 0 10px;"> 
 
    <div id="second" style="font-size:18px; position: absolute; top: 8px; left: 5px; width: 300px; height: 42px;">Hello</div> 
 
    </div> 
 
</form>

我要选择div与id="second"，为了改变background到red。有没有解决方案使用find()来做到这一点。

对我来说最重要的是选择div使用它的id。 jsFiddle

Answer 1

为什么不只是这样做呢？

$(document).ready(function() { 
 
     $("#second").css("background-color", "red") 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<form> 
 
    <div class="first" style="width: 301px; margin:5px 0 0 10px;"> 
 
    <div id="second" style="font-size:18px; position: absolute; top: 8px; left: 5px; width: 300px; height: 42px;">Hello</div> 
 
    </div> 
 
</form>

您可以通过使用#second找到元素，然后更改使用这种颜色。如果你愿意，你可以将它绑定到click事件，或者任何你想改变background-color的方式。

如果你是使用find()你可以这样做的意图，你想找到多个元素，你可以这样做

$(document).ready(function() { 
 
     $("form").find("#second, #fourth").css("background-color", "red"); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <div class="first"> 
 
    <div id="second">Hello</div> 
 
    <div id="third">World</div> 
 
    <div id="fourth">World</div> 
 
    </div> 
 
</form>

您可以针对许多元素你想用逗号分隔它们。

Answer 2

或者作为形式的降序：

$(document).ready(function() { 
    $("form").find("div#second").css('background-color', 'red'); 
}); 

Answer 3

，如果你确信DIV ID的事前，很可能会使用.find（），你可以简单地使用jQuery选择$("#second")有点多余。

如果你想使用.find（）虽然你只需要指定要搜索开始（的形式，你的情况），你想怎么来过滤搜索

所以应该是：

$("form").find("#second") 

然后你可以连锁这.css()或添加到一个变量或什么:)

Answer 4

$(document).ready(function() { 
    $("form").find("div#second").addClass('red'); 
}); 

CSS

.red{ 
    background-color: red; 
} 

Answer 5

$(document).ready(function() { 
    $("form div").find("div").css('background-color', 'black'); 
});