how to read element when we have multiple class in jquery

Question

Hi,

I have a multiple div almost more than 50 and there are some div with class "holiday"

Example:

<div class="fc-event fc-event-vert fc-corner-top fc-corner-bottom **holiday**" style="position: absolute; z-index: 8; top: 0px; left: 61px; width: 71px; height: 40px;">content</div>

I am trying to identify this div in jquery and modify the width from 71 to 80 px ..

i tried

$('div.holiday') it return object but when i try $('div.holiday').attr('width') it return undefined...

Can someone help me in this how i can resolve this issue.

Regards Priti

Answer 1

**holiday** is not a valid class name, it needs to be just holiday then the code you have will work.

You can then do this as a shortcut:

$('div.holiday').width(80);

Answer 2

.attr will return actual tag attributes ... as when it is defined like <div .... width="50px">

you need to use the css width $('div.holiday').css('width') which will return 71px

alternatively there is the width method $('div.holiday').width() which will return 71

To change the value you can again use two ways

$('div.holiday').css('width','80px');

or

$('div.holiday').width(80);

Answer 3

It may be that there is an error in the HTML. Edit the css to see if the DIV is correctly defined