Нужна помощь специалиста
Доброго времени суток, пожалуйста помогите, без вас я не справлюсь! Предупреждаю сразу в скриптах я полный ноль, если кто знает как это реализовать, дайте полный ответ. Заранее всем спасибо!
Есть страница сайта https://avtopodborprofi.ru/, на ней есть раздел под названием "Один из трех основных тарифов - обязательно вам подойдет" там три блока с карточками предлагаемых услуг, на Owl Carousel а над каруселью есть блок который должен информировать клиента о том что можно полистать. Вопрос: как сделать так чтобы информирующий блок, появлялся только тогда, когда есть что листать? То есть в данном примере на разрешение от 992px когда все блоки и так видны, к классу .scroll-icon-wrapper подставить дополнительный класс с display: none;, а если разрешение экрана небольшое и в него все три блока не влезают то убрать дополнительный класс. Таких каруселей на странице будет не одна. Большое вам спасибо за потраченное на меня время! |
Плиз помогите, как сделать на скрипте следующие:
Ищем на странице в родителе <div class="10"> вложенный див <div class="11">, если есть див с классом 11 тогда вложенному диву <div class="12"> подставляем класс с номером 13 ??? Пожалуйста подскажите как это реализовать? |
let divs = document.querySelectorAll('.10');
for (i = 0; i < divs.leght; i++) {
let chDiv = divs[i].queryselector('.11')
if (chDiv) {
let editDiv = divs[i].queryselector('.12')
editDiv.classList.add('13');
edirDiv.classList.remove('12')
}
По моему так |
Цитата:
$(".10:has(.11) .12").toggleClass("12 13");
Цитата:
for(const e of document.querySelectorAll('[class="10"]')) {
if(e.querySelector('[class="11"]')) {
e.querySelector('[class="12"]').className = "13";
}
}
|
Цитата:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
$('.10 .11 .12').each(function(){
$(this).removeClass('12').addClass('13');
});
});
</script>
</head>
<body>
<div class='10'>
<div class='11'>
<div class='12'>
Ok
</div>
</div>
</div>
<div class='10'>
<div class='12'>
No
</div>
</div>
</body>
</html>
|
Для другой структуры ДИВов...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
$('.10 .11').each(function(){
$(this).parent().find('.12').removeClass('12').addClass('13');
});
});
</script>
</head>
<body>
<div class='10'>
<div class='11'>
</div>
<div class='12'>
Ok
</div>
</div>
<div class='10'>
<div class='12'>
No
</div>
</div>
</body>
</html>
|
Цитата:
Тогда советы были бы точнее. |
| Часовой пояс GMT +3, время: 12:58. |