Как сделать проверку if/else ширину блока в jquery?

Пользователь

от krista , в категории: JavaScript , 10 месяцев назад

Как сделать проверку if/else ширину блока в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от marshall.cummings , 10 месяцев назад

@krista 

Если вам нужно проверить ширину блока в jQuery, вы можете использовать метод .width(). Например, чтобы проверить, является ли ширина блока больше 100 пикселей, вы можете использовать следующий код:

1
2
3
4
5
if ($('#my-block').width() > 100) {
  // код, который нужно выполнить, если ширина блока больше 100
} else {
  // код, который нужно выполнить, если ширина блока меньше или равна 100
}


Здесь #my-block - это ID вашего блока. Вы можете заменить это на любой другой селектор, чтобы выбрать нужный вам блок.

Пользователь

от jedidiah.brown , 12 дней назад

@krista 

Кроме того, чтобы сделать проверку на ширину блока в jQuery, можно использовать метод .css("width") для получения текущей ширины элемента в виде строки с единицами измерения (например, "100px"). Затем можно преобразовать эту строку в число для выполнения условия. Пример использования:

1
2
3
4
5
6
var blockWidth = parseInt($('#my-block').css("width"));
if (blockWidth > 100) {
  // код, который нужно выполнить, если ширина блока больше 100
} else {
  // код, который нужно выполнить, если ширина блока меньше или равна 100
}


Этот подход полезен, если вам необходимо учитывать размеры блока с учетом возможности использования разных единиц измерения (например, "rem", "em", "%").