apply css to element using variable

Question

i am storing element id in a variable globe and then applying css but its not working. if i apply css to 'img' then its works ,but when i am trying to apply with variable its not working . i have check console globe value contains id just css is not getting applied .

var selglobe=$('#' + globe);
                      $('#one').remove();
                      $(selglobe).addClass('anam');
                      $(selglobe).css("border","double");
                      $(selglobe).css("border-color","yellow");
                      console.log('HTML Globe value is '+globe);

EDIT:

var selglobe= $('#' + globe);
$('#one').remove();
selglobe.addClass('anam');
selglobe.css("border","double");
selglobe.css("border-color","yellow");
console.log('HTML Globe value is ' + globe);

Everyone i have correct my code ... but its not applying css to particular object by using id?? — anam
– anam, Commented May 23, 2013 at 6:52

palaѕн · Accepted Answer · 2013-05-23 06:37:36Z

2

var selglobe = $('#' + globe);

Here selglobe is already an jQuery object. You don't need to do $(selglobe) again to make it a jQuery object.

You can simply do this:

var $selglobe = $('#' + globe);
$('#one').remove();
$selglobe.addClass('anam');
$selglobe.css("border", "double");
$selglobe.css("border-color", "yellow");
console.log('HTML Globe value is ' + globe);

or better:

var $selglobe = $('#' + globe);
$('#one').remove();
$selglobe.addClass('anam').css({border: 'double', borderColor: 'yellow'});

answered May 23, 2013 at 6:37

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

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

Comments

Kenny · Accepted Answer · 2013-05-23 06:37:38Z

2

Please try the code below:

var selglobe= $('#' + globe);
$('#one').remove();
selglobe.addClass('anam');
selglobe.css("border","double");
selglobe.css("border-color","yellow");
console.log('HTML Globe value is ' + globe);

The variable selglobe is turned into a jQuery object at the first line so you do not need to use the $(selglobe) afterwards anymore since it is already a jQuery object.

answered May 23, 2013 at 6:37

Kenny

5,4007 gold badges32 silver badges45 bronze badges

2 Comments

anam Over a year ago

@KennyDs i have udated my code ... still its not applying css to that particular object .

Kenny Over a year ago

Please provide a JSFiddle example ;)

swapnesh · Accepted Answer · 2013-05-23 06:36:55Z

1

Change var selglobe=$('#' + globe); to var selglobe= '#' + globe;

answered May 23, 2013 at 6:36

swapnesh

26.8k24 gold badges97 silver badges129 bronze badges

1 Comment

mplungjan Over a year ago

That would get the element each time. Waste of processing

PSR · Accepted Answer · 2013-05-23 06:43:32Z

1

try this

                  var selglobe='#' + globe;
                      $('#one').remove();
                      $(selglobe).addClass('anam');
                      $(selglobe).css("border","double");
                      $(selglobe).css("border-color","yellow");
                      console.log('HTML Globe value is '+globe);

replace var selglobe=$('#' + globe); with var selglobe='#' + globe;

or

 var selglobe= $('#' + globe);
$('#one').remove();
selglobe.addClass('anam');
selglobe.css("border","double");
selglobe.css("border-color","yellow");
console.log('HTML Globe value is ' + globe);

edited May 23, 2013 at 6:43

answered May 23, 2013 at 6:36

PSR

40.4k43 gold badges115 silver badges154 bronze badges

1 Comment

mplungjan Over a year ago

That would get the object each time. That is wasteful

Collectives™ on Stack Overflow

apply css to element using variable

4 Answers 4

Comments

2 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related