1

如果最后一个孩子有一个特定的类，我正在尝试更改元素组的最后一个孩子的 css。

例如

<div class="box">
<div class="entry"></div>
<div class="entry"></div>
<div class="divider"></div>
<div class="entry"></div>
<div class="entry"></div>
</div>

<div class="box">
<div class="entry"></div>
<div class="entry"></div>
<div class="entry"></div>
<div class="entry"></div>
<div class="divider"></div>
</div>

<div class="box">
<div class="entry"></div>
<div class="entry"></div>
<div class="divider"></div>
<div class="entry"></div>
<div class="entry"></div>
</div>

我只想更改"divider"第二个条目块的类的 css，因为它是最后一个孩子。这是我到目前为止得到的。似乎这样可行，但可惜不是：

$(".entry").each(function() {
  if($(this).is('last-child')) {
    if($(this).hasClass("divider")) {
          $(this).css("border-top-color", "green");
    }
  }
});
4

3 回答 3

3

看来你只需要这个：

$('.divider:last-child').css(...);

即改变每一个.divider是last-child其父级的CSS。

不需要 a.each因为该.css函数隐式地对每个匹配元素进行操作。

于 2013-03-13T22:28:38.883 回答
2

只需使用:last-child选择器：

$('.divider:last-child').css('border-top-color','green')
于 2013-03-13T22:28:38.587 回答
1

我认为您在最后一个子选择器中缺少冒号，请尝试将其更改为:last-child.

于 2013-03-13T22:29:33.953 回答