Using a variable as jQuery class selector

Question

I know that this question was answered multiple times here on stackoverflow, but i just can't get it to work on my problem.

What i want to do is, when a <label> is clicked, check for the labels class and change all matching elements to backgroundColor : #000000

Here is my code:

$(function() {
    $('label').click(function(){
        var group = this.className ;
        $('label .'+group).css({
            'backgroundColor'   : '#000000'
        })  ;
    })  ;
});

Unfortunately, this just does nothing. It even throws no error. Where is my fault?

Solution

I had to remove the whitespace in the selector:

$('label.'+group)

Maybe you should remove the whitespace in $('label .'+group) — user2050909
– user2050909, Commented Feb 21, 2013 at 17:12
It is possible that the label contains more than one class name, which could cause problems for your selector. We need more information. — Justin Ethier
– Justin Ethier, Commented Feb 21, 2013 at 17:13
@Sprottenwels: The space means "descendant of". api.jquery.com/descendant-selector $('label.a_2') means "labels with the class a_2", $('label .a_2') means "any element with the class a_2 that's a descendant of a label". — gen_Eric
– gen_Eric, Commented Feb 21, 2013 at 17:18

user2050909 · Accepted Answer · 2013-02-21 17:21:21Z

11

Maybe you should remove the whitespace in $('label .'+group).

$('label .'+group) means all the elements with the group class in all <label>, while $('label.'+group) means the all <label> with group class.

answered Feb 21, 2013 at 17:21

user2050909

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

Collectives™ on Stack Overflow

Using a variable as jQuery class selector

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related