jQuery className и removeClass не работают

Question

jQuery className и removeClass не работают

0

У меня есть следующее условие в длинной функции:

if ( shipSet == true ) {
    $("#" + shippingFields[i]).style.background = 'gray';
    $("#" + shippingFields[i]).className = 'optional';      
} else {
    $("#" + shippingFields[i]).removeAttribute('style');
    $("#" + shippingFields[i]).removeClass('optional');
}

строки style работают нормально, правда или ложно, но className и removeClass не работают. Какие-либо предложения? Я просто не использую их правильно?

KingRichard 24 фев. 2014, в 09:27

Источник

0

$("#" + shippingFields[i]).style. должно быть $("#" + shippingFields[i])[0].style. , Вы должны понимать разницу между элементом DOM и объектом jQuery.
Satpal 24 фев. 2014, в 08:09
0

className - это свойство элемента DOM, а не функция jQuery. Вместо этого вы должны использовать функцию jquery css: $("#" + shippingFields[i]).css("background", "gray");
CodingIntrigue 24 фев. 2014, в 08:09
0

даже если я использую document.getElementById(shippingFields[i]).className = 'optional'; это все еще не работает. И @Satpal, СТИЛЬНЫЕ THE STYLE LINES WORK FINE
KingRichard 24 фев. 2014, в 08:11

Показать ещё 1 комментарий

Теги:

javascript

jquery

classname

removeclass

4 ответа

2

Вы должны использовать addClass (для добавления класса к элементу) и removeClass (для удаления класса из элемента):

$("#" + shippingFields[i]).addClass('optional');      
$("#" + shippingFields[i]).removeClass('optional');

Unknown 24 фев. 2014, в 06:07

1

Попробуйте это, для добавления имени класса всегда используйте $("#attributeID").addClass('ClassName');

if ( shipSet == true ) {
    $("#" + shippingFields[i]).css('background','gray');
    $("#" + shippingFields[i]).addClass('optional');      
} else {
    $("#" + shippingFields[i]).removeAttr('style');
    $("#" + shippingFields[i]).removeClass('optional');
}

Amit 24 фев. 2014, в 06:39

1

if ( shipSet == true ) {
    $("#" + shippingFields[i]).css('background','gray');
    $("#" + shippingFields[i]).addClass('optional');      
} else {
    $("#" + shippingFields[i]).removeAttr('style');
    $("#" + shippingFields[i]).removeClass('optional');
}

Lucky Soni 24 фев. 2014, в 05:18

Ещё вопросы

$("#" + shippingFields[i]).style. должно быть $("#" + shippingFields[i])[0].style. , Вы должны понимать разницу между элементом DOM и объектом jQuery.
className - это свойство элемента DOM, а не функция jQuery. Вместо этого вы должны использовать функцию jquery css: $("#" + shippingFields[i]).css("background", "gray");
даже если я использую document.getElementById(shippingFields[i]).className = 'optional'; это все еще не работает. И @Satpal, СТИЛЬНЫЕ THE STYLE LINES WORK FINE

Felix · Accepted Answer · 2014-02-24T05-41-00.000Z

Поскольку ("#" + shippingFields[i]) возвращает объект jQuery.

Вместо этого вам нужно использовать addClass() и removeClass():

if ( shipSet == true ) {
    $("#" + shippingFields[i]).css('background','gray');
    $("#" + shippingFields[i]).addClass('optional');      
} else {
    $("#" + shippingFields[i]).removeAttr('style');
    $("#" + shippingFields[i]).removeClass('optional');
}

Кроме того, вы можете использовать css() для установки стилей ваших элементов.

работал как шарм! Мне тоже нравятся более чистые линии CSS! Спасибо
Рад, что это помогло! Удачного кодирования приятель :)