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

为什么不这样做呢？

pointAtPercent()

 $(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" );
    });

您可以使用逗号分隔它们，从而根据需要定位任意数量的元素。

Answer 2

或作为形式的后代：

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

Answer 3

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

CSS

.red{
   background-color: red;
}

Answer 4

如果您事先确定div id，那么使用.find（）可能会有点多余，因为您只需使用jquery选择器$("#second")。

如果您想使用.find（），只需要指定搜索的开始位置（在您的情况下为表单）以及您希望如何过滤搜索

所以会：

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

然后您可以将其链接到.css()或将其添加到变量或其他任何内容：）

Answer 5

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

jQuery在div里面选择div里面的形式

5 个答案: