Change element css with jQuery without using classes or ids?

Question

Let's say we have unknown number of div elements. When we click on the element that element must change its background color. How to do that without using classes or ids.

NOTE: I found some questions with similar topic but they were not what I was looking for.

I mean smth like:

$(element).click(
    function(){
       $(element).css("background-color","#DDDDDD");
    }
);

HTML:

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

CSS:

div{
height:10px;
width:10px;
float:left;
border-radius:50%;
margin:2px;
background-color:#00A2E8;
}

DEMO

try this jsfiddle.net/ooyjLsy4/1

Sushil
– Sushil

2015-04-21 17:47:11 +00:00
Commented Apr 21, 2015 at 17:47 — Sushil
– Sushil, Commented Apr 21, 2015 at 17:47

Micaiah Wallace · Accepted Answer · 2015-04-21 17:48:23Z

3

You are pretty close, just refer to the element itself in the function.

$("div").on("click",
    function(){
       $(this).css("background-color","#DDDDDD");
    }
);

answered Apr 21, 2015 at 17:48

Micaiah Wallace

1,14610 silver badges17 bronze badges

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

Comments

arcyqwerty · Accepted Answer · 2015-04-21 17:48:36Z

2

Like this?

$('div').click(function() {
  $(this).css('background-color', '#DDDDDD');
});

https://jsfiddle.net/ooyjLsy4/2/

answered Apr 21, 2015 at 17:48

arcyqwerty

10.8k4 gold badges52 silver badges91 bronze badges

Comments

Travis · Accepted Answer · 2015-04-21 17:49:36Z

1

You can use the "this" in jquery to accomplish what you are asking.

$('div').click(
    function(){
      $(this).css("background-color","{{Your Color}}");
    }
);

answered Apr 21, 2015 at 17:49

Travis

2,2557 gold badges29 silver badges44 bronze badges

Comments

renakre · Accepted Answer · 2015-04-21 17:52:46Z

1

If you want to get all elements of a certain type, you can directly just use their names $('div'), $('a'), $('span'), etc.

If you have an event (click, mouseover, change, etc.), you can access to the specific control that fires that event by just using $(this) within that event block.

Therefore you should have this:

$('div').click(
    function(){
        $(this).css("background-color","#DDDDDD");
    }
);

answered Apr 21, 2015 at 17:52

renakre

8,3218 gold badges54 silver badges114 bronze badges

Comments

Chandler · Accepted Answer · 2015-04-21 17:49:10Z

0

What you're looking for is the element selector in jquery. Simply do $("div") to select all div elements. More information on selectors can be found at this page.

answered Apr 21, 2015 at 17:49

Chandler

112 bronze badges

Collectives™ on Stack Overflow

Change element css with jQuery without using classes or ids?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related