Changing background-color from separately elements from an array (jQuery)

Question

this is my code:

$(document).ready(function() {      
    for( var i = 0 ; i < 8 ; i++ ){
        for( var j = 0 ; j < 8 ; j++ ){
            var $class = getPieceName(board[i][j][0])
            $(.$class ????).click(function() {
                $(this).css('background-color', 'red');     
            });
        }
    }           
});

As you can see, I want to change the background color of an element. The for-loops are needed to get the element, in an array, which the user clicked on. How to write the variable ($class) as a class?

verbanicm · Accepted Answer · 2013-07-19 13:53:56Z

2

If class is a string you can use it like this:

$("." + $class).click(function(){ ... });

answered Jul 19, 2013 at 13:53

verbanicm

2,5461 gold badge16 silver badges9 bronze badges

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

Comments

Brad · Accepted Answer · 2013-07-19 13:53:39Z

2

you can name your variable then concat it into your selector since its a string not a JQ object.

var class = getPieceName(board[i][j][0])
     $('.' + class).click(function() {

answered Jul 19, 2013 at 13:53

Brad

6,3927 gold badges34 silver badges45 bronze badges

Comments

Balint Bako · Accepted Answer · 2013-07-19 13:53:52Z

1

It think all you need is '.' + $class

answered Jul 19, 2013 at 13:53

Balint Bako

2,5701 gold badge16 silver badges14 bronze badges

Comments

TheDeadSerious · Accepted Answer · 2013-07-19 14:00:12Z

0

It might be simpler to apply a class or data-attribute to all your board pieces, like class="board_piece" data-board-x="1" data-board-y="2" and then bind the click handler to a selector for that:

$('.board_piece').click(function() { $(this).css(...) }

You could use the data-board-x and -y coordinates I added to retrieve the actual position within the board inside your click handler.

answered Jul 19, 2013 at 14:00

TheDeadSerious

8621 gold badge9 silver badges11 bronze badges

Collectives™ on Stack Overflow

Changing background-color from separately elements from an array (jQuery)

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related