Javascript 使用jQuery将类添加到列表中的最后一个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>
        </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>

---

是否还有“最后一个”class4场景？任何帮助都将不胜感激。

选择器中的

.class4

后面有一个错误的右括号：

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

这仍然不起作用，因为

addClass

区分大小写[1]：

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

但要仅针对最后一个

.class4

，可以使用

：最后一个
伪选择器[2]

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

。。。或者
.last（）
jQuery方法[3]：

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


[1]

[2]

[3] 
选择器中的
.class4
后面有一个错误的右括号：

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

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

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

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

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

。。。或者
.last（）
jQuery方法[3]：

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


[1]

[2]

[3] 您可以使用
：last


您可以使用
：last


使用：

使用：

使用jQuery的最后一个选择器

使用jQuery的最后一个选择器

使用

使用

@ArtyomNeustroev指出的是正确的（
.addClass（）
确实区分大小写），因此值得一提。不过，在编辑之前，它并没有试图回答这个问题，所以一开始它甚至不是一个答案。@ArtyomNeustroev他指出的是正确的（
.addClass（）
确实区分大小写），因此值得一提。但在编辑之前，它并没有试图回答这个问题，因此，一开始它甚至不是一个答案。你能展示那个场景吗？你能展示那个场景吗？由于从右到左的嘶嘶声，这个表单通常会比使用
：last
的表单快。由于从右到左的嘶嘶声，这个表单通常会比使用
：last
的表单快。
jQuery('.class4').last().addClass('class5');