use a variable in jQuery css

Question

I want do this

$.fn.randomColor=function (cssSelect) {
  var color='RGB(' + rand(0, 255) + ',' + rand(0, 255) + ',' + rand(0, 255) + ')';
  $(this).css({cssSelect:color }); //error
  return this;
};

I want use cssSelect variable in css() function of jQuery

Chris Happy · Accepted Answer · 2018-05-28 22:32:48Z

1

Use the other form of .css().

$.fn.randomColor=function (cssSelect) {
    var color='RGB(' + rand(0, 255) + ',' + rand(0, 255) + ',' + rand(0, 255) + ')';
     $(this).css(cssSelect, color);
    return this;
};

jQuery.fn.randomColor=function (cssSelect) {
    var color='RGB(' + rand(0, 255) + ',' + rand(0, 255) + ',' + rand(0, 255) + ')';
     $(this).css(cssSelect, color);
    return this;
};

jQuery('div').on('click', function() {
  jQuery(this).randomColor('background');
});

function rand(min, max) {
  return Math.floor((Math.random() * max) + min);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Click me!</div>

edited May 28, 2018 at 22:32

answered May 28, 2018 at 22:23

Chris Happy

7,3352 gold badges28 silver badges54 bronze badges

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

Collectives™ on Stack Overflow

use a variable in jQuery css

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