Question

89

How to add class to the third < li> element in javascript

rated 0 times [ 93] [ 4] / answers: 1 / hits: 10342 / 8 Years ago, wed, april 20, 2016, 12:00:00

I want to add class for the third element in javascript. I have this structure:

<ul class=products-grid row four-columns first>

<li class=item></li>

<li class=item></li>

<li class=item add-class-here></li>

<li class=item></li>

</ul>

Answers

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

jillalanisg

Add To Favorites

Follow

Total Points: 484

Total Questions: 98

Total Answers: 89

Location: Vanuatu

Member since Wed, Oct 14, 2020

4 Years ago

answered 8 Years ago mckinleyk · Accepted Answer

Try this :

$( ul.products-grid li:nth-child(3)).addClass(new_css_class);

Reference : https://api.jquery.com/nth-child-selector/