Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
17 / 15 / 2
Регистрация: 12.11.2013
Сообщений: 211
1

Показать div исходя из числа в блоке div

11.02.2019, 12:23. Показов 426. Ответов 4
Метки нет (Все метки)

Доброго времени, уважаемые форумчане!

Подскажите можно ли как то реализовать задуманное или мне нужно смотреть в другую сторону?

Есть блок div (выводится сумма/калькулятор) и в зависимости какое там число (всего будет 3 числа 6, 5, 4 ) показывать div убирая у него свойство display: none либо просто добавлять класс

Т.е. есть некий калькулятор по value и числовое значение складывается просто в span

HTML5
1
<span class="calculator-amount">6</span>
И если там получилось значение к примеру 6 то добавлять класс "open" или просто добавлять display block (изначально - none) к уже существующему.
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
11.02.2019, 12:23
Ответы с готовыми решениями:

Как из input сделать <div>показать еще</div> или <a>показать еще</a>?
Таким скриптом я подгружаю данные. &lt;script&gt; $(document).ready(function(){ ...

Показать второй div-sidebar перед первым div-content на CSS
Как в данном примере можно с помощью CSS показать блок сайдбара первым, перед блоком контента, не...

Показать div поверх другого div при наведении
У меня есть таблица. В каждой ячейке есть div. Так вот надо чтобы при наведении на этот блок,...

Вычисление выражения с=(a+b mod a*4+b div a) div 2-a div 160
Пожалуйста, посмотрите на код, уввжаемые! нужно вычислить такое выражение: с=(a+b mod a*4+b div a)...

4
307 / 159 / 66
Регистрация: 18.01.2019
Сообщений: 447
11.02.2019, 12:48 2
Dimka Mixov,
Javascript
1
2
3
4
document.querySelectorAll('.calculator-amount').forEach(i => {
  if(i.innerText == '6') i.classList.add('open')
  if(i.innerText == 'not 6') i.style.display = 'none'
})
0
17 / 15 / 2
Регистрация: 12.11.2013
Сообщений: 211
11.02.2019, 15:35  [ТС] 3
svtslv благодарю за ответ, но это не совсем то.

Сформировал вопрос более понятнее.

Как можно сделать по клику проверку числа в теге span и потом в зависимости от этого числа отобразить определенный div?

так считается и выводится сумма
HTML5
1
<span class="calc-amount">5</span>
HTML5
1
2
3
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
Javascript
1
2
3
4
5
6
7
8
9
10
jQuery('.valll label').click(function() { // кликаю по label (там уже есть цифра до 10)
    jQuery('.calc-amount').forEach(i => { // проверяю какое число
                                                            // если число больше 5
                                                                // то добавляю какой то класс к <div class="one"></div>
                                                                // если число равное 5
                                                                // то добавляю какой то класс к <div class="two"></div>
                                                                // если число меньше 5
                                                                // то добавляю какой то класс к <div class="three"></div>
    });
});
0
307 / 159 / 66
Регистрация: 18.01.2019
Сообщений: 447
11.02.2019, 15:50 4
Dimka Mixov, Может так?
Javascript
1
2
3
4
5
6
$('.valll label').click(function() { 
    let num = $('.calc-amount').text()
    if(num == 5) $('.one').addClass('open')
    if(num > 5) $('.two').addClass('open')
    if(num < 5) $('.three').addClass('open')
});
0
17 / 15 / 2
Регистрация: 12.11.2013
Сообщений: 211
12.02.2019, 09:22  [ТС] 5
svtslv, Спасибо большущее, то что надо. Благодарю от души
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
12.02.2019, 09:22

Помощь в написании контрольных, курсовых и дипломных работ здесь.

CSS!? Div в div'e, как не потерять позиции css внутреннего div'a при изменении размера браузера?
вот когда изменяю размер браузера, то внутренний div не хочет изменяться вместе с контейнером, а...

<div> перекрывает 2 других <div>. Не отображается <div>
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;...

Текст в блоке div
Здравствуйте, у меня есть блок div с кратким содержанием статьи. но иногда бывает, что текст...

Страница в блоке div
Доброго времени суток! Допустим есть боковой блок меню &lt;div&gt; с ссылками, как вывести страницу в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.