как читать элемент, когда у нас есть несколько классов в JQuery

Question

У меня есть кратный div почти больше 50, и есть некоторый div с классом "holiday"

Пример:

<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>

Я пытаюсь определить этот div в jquery и изменить ширину с 71 до 80 px ..

я пытался

$ ('div.holiday') возвращает объект, но когда я пытаюсь $ ('div.holiday'). Attr ('width'), он возвращает undefined ...

Может ли кто-нибудь помочь мне в этом, как я могу решить эту проблему.

С уважением Прити

Answer 1

.attr вернет фактические атрибуты тега ... как тогда, когда он определен как <div .... width="50px">

вам нужно использовать ширину CSS $('div.holiday').css('width'), которая вернет 71px

в качестве альтернативы есть метод ширины $('div.holiday').width(), который вернет 71

Чтобы изменить значение, вы снова можете использовать два способа

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

или

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

Answer 2

**holiday** не является допустимым именем класса, оно должно быть просто holiday, тогда ваш код будет работать.

Затем вы можете сделать это как ярлык:

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

Answer 3

Возможно, в HTML-файле есть ошибка. Отредактируйте CSS, чтобы увидеть, правильно ли определен DIV