Измените класс div на основе класса в теле

Question

Я использую тему Starterkit Drupal Omega HTML5 и пытаюсь удалить секцию блока, а затем вызвать область содержимого для расширения, чтобы заполнить дополнительное пространство.

Я обнаружил две вещи, когда я сначала просматривал вывод HTML в Omega, он использует «сетку - ($)» для определения размера области div.

Во-вторых, активный тип макета отображается как один из классов тела и изменяется в зависимости от того, какой активен в то время, например, тот, который я пытаюсь настроить, является .responsive-layout-narrow.

Я относительно новым для JQuery, но в качестве отправной точки я пытался писать следующий сценарий

До сих пор я не смог получить эту работу на всех, и любая помощь будет оценена ,

благодарит

Answer 1

Вам нужно if заявление там, так как hasClass() возвращает логическое значение:

if ($('body').hasClass('responsive-layout-narrow')) { 
    $('#region-content').removeClass('grid-6').addClass('grid-8'); 
} 

Вы можете также использовать is(), который короче:

if ($('body').is('.responsive-layout-narrow')) { // Notice the `.` 
    $('#region-content').removeClass('grid-6').addClass('grid-8'); 
} 

Кроме того, будьте осторожны с смешивая одиночные и двойные кавычки, это опасная привычка.