Add class in html tag with jquery

Question

I got this html code:

<form id = "xxx">
   <ul>
     <li class = "req" > </li>
     <li class = "req" > </li>
     <li class = "req" > </li>
     <li > </li>    ==================> HOW CAN I ADD A CLASS="req" to this li with jquery
     <li class = "req" > </li>
     ....
    <li class = "req" > </li>
  </ul>
</form>

So I rewrite the question: There is one li tag that has not ( class= "req"), how can i add that with jquery? Thank you

Community · Accepted Answer · 2017-05-23 12:04:09Z

4

$("#xxx li").addClass("req");

is sufficient.

If you want to explicitly add it to only the li without req, you can do:

$("#xxx li:not(.req)").addClass("req");

If you want to only add the class to the fourth element, you would do:

$("#xxx li:eq(3)").addClass("req");

The 3 is because it uses a zero-based index for the elements.

edited May 23, 2017 at 12:04

CommunityBot

11 silver badge

answered Sep 20, 2010 at 9:49

Magnar

28.9k8 gold badges62 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mamadou Over a year ago

oh yes wonderful ! it works, but sorry, don't move am comin with another question

Mamadou Over a year ago

There are an other li tag without class req, but i don't want to add to theme the class, just to this one ! can i play with position ? or something like that ??

Stephan Muller Over a year ago

if it's always the fourth li inside that ul, you can do: $("#xxx li").eq(3).addClass("req");. Start counting by 0, so the fourth is number 3.

Tim · Accepted Answer · 2010-09-20 09:50:48Z

1

With not you can check if an item has a certain attr.

$("ul#yourid").not(".req").addClas("req");

answered Sep 20, 2010 at 9:50

Tim

9,5191 gold badge34 silver badges48 bronze badges

1 Comment

Mamadou Over a year ago

Can i add a class just to this li? The solution you gave work but i forgot i could have an other li without class, i mean it's not unique and it has not an a id

Randy the Dev · Accepted Answer · 2010-09-20 09:49:48Z

0

jQuery('li').addClass('req');

answered Sep 20, 2010 at 9:49

Randy the Dev

26.9k6 gold badges46 silver badges54 bronze badges

Collectives™ on Stack Overflow

Add class in html tag with jquery

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related