How to get multiple elements with same class?

Question

I have some HTML I want to process with jquery.

Pretty simple but I cannot get around getting all the elements with the same class:

<div class="myclass on"></div>
<div class="myclass off"></div>
<div class="myclass on"></div>

If I do this

$(".myclass")

I get only one. Any help?

EDIT

I actually only want the 'myclass on' to nest some html in each one to get this:

<div class="myclass on"><img src="bar.png"></div>
<div class="myclass off"></div>
<div class="myclass on"><img src="bar.png"></div>

$(".myclass") returns all element with the class myclass — Arun P Johny
– Arun P Johny, Commented Mar 29, 2013 at 2:14
May be u did some. If you have done $('.myclass') it must work. Can you post what you have written. — Sanjay
– Sanjay, Commented Mar 29, 2013 at 2:15
Not quite good at writing JS, I did $(".myclass") in the Chrome inspector and only saw one. — code-gijoe
– code-gijoe, Commented Mar 29, 2013 at 2:17

bfavaretto · Accepted Answer · 2013-03-29 02:21:05Z

2

Maybe you are just not combining two classes correctly in the selector? Because this works:

$(".myclass.on").html('<img src="bar.png">');

http://jsfiddle.net/zjErL/1/ (Thanks Arun for the initial jsfiddle)

answered Mar 29, 2013 at 2:21

bfavaretto

72k18 gold badges118 silver badges162 bronze badges

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

Comments

theshadowmonkey · Accepted Answer · 2013-03-29 02:14:56Z

1

Try using for manipulating each element separately. Just the class .on should be sufficient for the selector.

  $('.on').each(function(index){
    $(this).html('<img src="bar.png">');
  });

The documentation http://api.jquery.com/each/

answered Mar 29, 2013 at 2:14

theshadowmonkey

6898 silver badges27 bronze badges

2 Comments

code-gijoe Over a year ago

I was really close and yet so far. Did not know how to traverse the array.

Sanjay Over a year ago

Using .myclass.on would be more safer than just using .on in this case though using .on also works like a charm.

Sanjay · Accepted Answer · 2013-03-29 03:47:44Z

1

May be u did some wrong. If you have done $('.myclass') it must work. Can you post your codes.

This works for me like a charm.

$(function(){
    $('.myclass').SOMEEVENT(function(e){ // or use div.myclass without problem 
        // do something. It must work.
    });
});

OR if you want to iterate through each element, you can use .each

$(function(){
    $.each($('.myclass'),function(ind, val){
        // do something.
    });
});

OR if you want to use additional class like .on or .off

$(function(){
    $.each($('.myclass.on'),function(ind, val){
        // do something.
    });
});

EDIT:
To add image to myclass on, you can simply do this

$(function(){
    $('.myclass.on').html('Your NEW Adding Tag here');
});

edited Mar 29, 2013 at 3:47

answered Mar 29, 2013 at 2:17

Sanjay

1,7851 gold badge20 silver badges29 bronze badges

Comments

Sunil · Accepted Answer · 2013-03-29 02:33:32Z

0

$(".myclass.on").css('color', 'red');

Should select elements with both classes.

answered Mar 29, 2013 at 2:33

Sunil

1,2484 gold badges13 silver badges21 bronze badges

Collectives™ on Stack Overflow

How to get multiple elements with same class?

EDIT

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

EDIT

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related