Question

我的Html标记是这样的

<div>
    <div></div>
    <div></div>
    <div></div>
    <div class="last">
         <div class="a">
                 <div class="b">
                        <div class="c"></div>
                 </div>
         </div>

    </div>

</div>

想要在<div class="last">，<div class="a">，<div class="b">和<div class="c">中添加额外的课程。使用jQuery

Answer 1

$('div:last').addClass('yourclass');

Answer 2

<强> See Demo Here :)

最后一个div：

$('div.last').addClass('class');

最后一个div的最后一个div：

$('div.last').find('div:last').addClass('class');

查看有关的更多信息：

<强> addClass
的 :last

Answer 3

优于:last :last-child：http://api.jquery.com/last-child-selector/

$("div:last-child").addClass("class");
// this gets both the last div and the last div of another div

差异是双重的：

:last-child可以匹配多个元素;例如，每个父元素一个，这样如果您的选择器完全复杂，它将匹配您想要匹配的所有内容。（参见例如页面。）
:last-child与CSS2术语重合，因此您可以像在jQuery中选择样式一样。

实施例

从你所说的，你可以选择你想要的东西：

$("body > div:first-child > div:last-child").addClass("last")
  .children("div").addClass("a")
  .children("div").addClass("b")
  .children("div").addClass("c");

你实际上并不需要.children()内的“div”，但我只是在证明你可以过滤结果 - 只有DIV个是每个级别的子级才会得到上课。

使用jQuery添加类

3 个答案:

实施例