Question

它应该非常简单，但由于某种原因，它不起作用。

$("div.dot-navigation-inner-wrap").find("div:first").addClass("active");

.active { border: 1px solid #CCC; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dot-navigation-inner-wrap">
  <div class="dot-navigation">1</div>
  <div class="dot-navigation">2</div>
  <div class="dot-navigation">3</div>
</div>

Answer 1

工作正常。确保您的HTML文件中包含JQuery插件。

$("div.dot-navigation-inner-wrap").find("div:first").addClass("active");

.active{
  color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dot-navigation-inner-wrap">

    <div class="dot-navigation">A</div>
    <div class="dot-navigation">B</div>
    <div class="dot-navigation">C</div>

</div>

Answer 2

I'm not having troubles

我的直接想法是，您在页面加载之前执行了javascript代码。这意味着当您的javascript运行时，它无法找到您搜索的标记。

考虑封装在加载块中：

$(function() {
    $("div.dot-navigation-inner-wrap").find("div:first").addClass("active");
});

Answer 3

我在点之前添加了这个类，因为我向它们添加了几行。

addClass到第一个孩子

3 个答案: