1

如果我有这份清单...

<div class="class1">
    <div class="class2">
        <div class="class3">
            <span class="class4">test</span>
        </div>
    </div>
</div>
<div class="class1">
    <div class="class2">
        <div class="class3">
            <span class="class4">test</span>
        </div>
    </div>
</div>
<div class="class1">
    <div class="class2">
        <div class="class3">
            <span class="class4">test</span> <--- Add class5 here in addition to class4
        </div>
    </div>
</div>

如何在正确的位置添加 class2？我需要它每次都添加到最后一个跨度，即使跨度的数量会改变。我有类似的东西，但它不考虑列表中的项目数量。

jQuery(".class4)").addclass("class5");

反正有没有做一个“最后的”class4场景？任何帮助，将不胜感激。

4

5 回答 5

7

利用

jQuery('.class4').last().addClass('class5');
于 2013-04-26T13:21:31.913 回答
4

最后使用：

jQuery('.class4').last().addClass('class5');
于 2013-04-26T13:18:44.167 回答
1

您可以使用:last

http://api.jquery.com/last-selector/

$(".class4:last").addClass("class5");
于 2013-04-26T13:18:22.413 回答
1

使用 jQuery http://api.jquery.com/last-selector/的最后一个选择器

$(".class4:last").addClass("class5")
于 2013-04-26T13:19:29.047 回答
0

在您的选择器之后有一个杂散的右括号.class4：

jQuery(".class4").addclass("class5");

这仍然不起作用，因为addClass区分大小写[1]：

jQuery(".class4").addClass("class5");

但是要仅针对最后一个.class4，您可以使用:last伪选择器[2] ...

jQuery(".class4:last").addClass("class5");

...或.last()jQuery方法[3]：

jQuery(".class4").last().addClass("class5");

[1] http://api.jquery.com/addClass/

[2] http://api.jquery.com/last-selector/

[3] http://api.jquery.com/last/

于 2013-04-26T13:18:21.990 回答