Question

如果我有这个清单......

<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场景？任何帮助将不胜感激。

Answer 1

使用

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

Answer 2

使用last：

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

Answer 3

您可以使用:last

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

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

Answer 4

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

$(".class4:last").addClass("class5")

Answer 5

选择器中.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/

使用jQuery将类添加到列表中的最后一个div

5 个答案: