Find Div and set CSS using jquery

Question

my html is stored in a variable and i just find div from that variable and set css but things are not working. here is my code

sHtml = $(sHtml).find('#frm').html();
sHtml = $(sHtml).find('#acloginpod').css({ 'width': xWidth + 'px' });  
$sHtml = $(sHtml);

what is wrong in my 3rd line. i was try to find div acloginpod from html which is stored in sHtml variable and width is stored in xWidth variable. i thinks there is problem in my code but not being able to find it out. so please help me to rectify the code. thanks

Do you know how to debug your javascript code? Finding out what sHtml is after the first line would be helpful. — Tim B James
– Tim B James, Commented Oct 1, 2012 at 11:25
xWidth is also undefined too, please explain exactly what you're after — Shannon Hochkins
– Shannon Hochkins, Commented Oct 1, 2012 at 11:25

raina77ow · Accepted Answer · 2012-10-01 11:25:34Z

2

The problem is that you're mixing HTML strings and DOM Objects (wrapped into jQuery objects) in your code.

With this line...

$(sHtml).find('#acloginpod').css({ 'width': xWidth + 'px' });

... you convert a string with HTML (sHtml) into a DOM object, then find some element within its hierarchy, then change its property.

But in this line...

$sHtml = $(sHtml);

... you're just throw all the changes away, as you again convert into a DOM object the original string.

I wonder why don't you just...

  $sHtml = $(sHtml);
  $sHtml.find('#acloginpod').css({ width: xWidth + 'px' });

... working (and transferring) with jQuery object all the time.

answered Oct 1, 2012 at 11:25

raina77ow

107k16 gold badges205 silver badges240 bronze badges

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

Comments

Konstantin Dinev · Accepted Answer · 2012-10-01 11:26:55Z

1

I have included comments in your code:

sHtml = $(sHtml).find('#frm').html(); // Returns a string: the .innerHTML of the element with ID frm
sHtml = $(sHtml).find('#acloginpod').css({ 'width': xWidth + 'px' }); // Returns a jQuery object of the element with ID #acloginpod
$sHtml = $(sHtml); // No need to do that sHtml is already a jQuery object

answered Oct 1, 2012 at 11:26

Konstantin Dinev

35k14 gold badges79 silver badges103 bronze badges

5 Comments

raina77ow Over a year ago

Well, sHtml is indeed a jQuery object, but it's not the same as $(sHtml) - it's actually $('#acloginpod') in this series of statements.

Konstantin Dinev Over a year ago

@raina77ow an how does $(sHtml) change what was already stored in sHtml?

raina77ow Over a year ago

$(sHtml) doesn't change its value, of course. sHtml = $(sHtml) does, however.

Konstantin Dinev Over a year ago

@raina77ow If these two statements are sequential in the code, then the second one does nothing is what I meant :) sHtml = $(sHtml).find('#acloginpod').css({ 'width': xWidth + 'px' }); $sHtml = $(sHtml);

raina77ow Over a year ago

What I meant is that second statement will not capture the whole element created from sHtml string, but only its part - the element with ID 'acloginpod'. And only this element will be stored in sHtml.

Collectives™ on Stack Overflow

Find Div and set CSS using jquery

2 Answers 2

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related