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

If I have this list...

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

<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>

How do I add class2 in the correct spots? I need it to add to the last span every time even though the number of spans will change. I have something like this, but it doesn't account for the number of items in the list.

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

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

Is there anyway to do a "last" class4 scenario? Any help would be appreciated.

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

5 个解决方案

#1

Use

使用

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

#2

Use last:

使用最后：

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

#3

You can use :last

你可以使用：last

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

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

#4

Use the last selector of jQuery http://api.jquery.com/last-selector/

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

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

#5

There is a stray closing parenthesis after .class4 in your selector:

在选择器中.class4之后有一个stray右括号：

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

This still does not work because addClass is case sensitive[1]:

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

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

But to target only the last .class4 you can use the :last pseudo-selector[2]...

但是要只定位最后一个.class4，你可以使用：last伪选择器[2] ...

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

... or the .last() jQuery method[3]:

...或.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/

#1

Use

使用

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

#2