Question

168

Select first and last element with particular class using jQuery

rated 0 times [ 174] [ 6] / answers: 1 / hits: 38420 / 14 Years ago, tue, november 2, 2010, 12:00:00

I have a list of spans with particular class place and some of them have class activated. Is there a way to select the first item with class activated and the last?

<span class=place onclick=activate();>1</span>

<span class=place onclick=activate();>2</span>

<span class=place activated onclick=activate()>3</span>

<span class=place activated onclick=activate();>4</span>

<span class=place activated onclick=activate();>5</span>

<span class=place activated onclick=activate();>6</span>

<span class=place onclick=activate();>7</span>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lailab

Add To Favorites

Follow

Total Points: 706

Total Questions: 102

Total Answers: 95

Location: Falkland Islands

Member since Mon, Jul 13, 2020

4 Years ago

lailab questions

1 How can I solve this error? export 'default' (imported as 'App') was not found in './App' (possible exports: App) (im using react)

Sat, Jan 15, 22, 00:00, 2 Years ago

1 How to test a global event bus in VueJS

Fri, Feb 21, 20, 00:00, 4 Years ago

1 TypeError: render is not a function updateContextConsumer

Tue, Feb 4, 20, 00:00, 4 Years ago

1 How to add font awesome icon dynamically from JS file?

Sun, Apr 14, 19, 00:00, 5 Years ago

1 NestJs: How to have Body input shape different from entity's DTO?

Mon, Apr 1, 19, 00:00, 5 Years ago

View All

answered 14 Years ago cristinah · Accepted Answer

var firstspan = $('span.activated:first'),

    lastspan = $('span.activated:last');

By the way, if you're using jQuery, what's with all the inline click events?

You could add some code like so:

$('span.place').click(function() {

    activate(); // you can add `this` as a parameter

                // to activate if you need scope.

});