javascript - Add class to last div in lists using jQuery - Stack Overflow

admin管理员组

文章数量:1345318

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.

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

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

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.

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

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

• javascript
• jquery

Share Improve this question Follow asked Apr 26, 2013 at 13:16 Geek GridGeek Grid 20766 silver badges1717 bronze badges 1

• Can you show that scenario please? – Roko C. Buljan Commented Apr 26, 2013 at 13:23

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 7

Use

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

Use last:

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

You can use :last

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

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

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

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

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

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

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

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

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

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

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

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

---

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

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

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

本文标签： javascriptAdd class to last div in lists using jQueryStack Overflow