С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.85/13: Рейтинг темы: голосов - 13, средняя оценка - 4.85
 Аватар для Dimka1judo
6 / 6 / 5
Регистрация: 16.01.2012
Сообщений: 245

Если совпадает текст введённый в input и div, то скрыть данный div

27.10.2012, 16:39. Показов 2708. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Изучаю jquery и решил сделать следующее: Я ввожу в input какой то текст и если он совпадает с текстом в заранее выбранных дивах то эти дивы скрыть. На выходе у меня сейчас я ввожу любой текст и скрываются все блоки, подскажите что я делаю не так?
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
        $(document).ready(function()
            {
                $(".knopka").click(function()
                    {
                        var er = $(".in").val();
                        $(".site").each(function()
                            {
                                var tu = $(this).text();
                                if (tu = er)
                                    {
                                        $(this).fadeOut(2000);
                                    }
                            }
                        );
                    }
                );
            }
        );
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="wrapper">
            <p><a href="#" class="knopka">Скрыть div</a></p>
            <div class="stat">
                <input type="text" name="pole" class="in" value="" />
            </div>
            <div class="site">
                про
            </div><div class="site">
                2
            </div><div class="site">
                3
            </div><div class="site">
                4
            </div>
        </div>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
27.10.2012, 16:39
Ответы с готовыми решениями:

Скрыть блок первый блок div, если есть второй div
Добрый день! Подскажите пожалуйста, начинаю изучать JavaScript и тут столкнулся с такой задачей. Мне необходимо скрыть первый блок div,...

Скрыть <DIV> при клике на динамическом баннере, находящемся в данном <DIV>
Добрый день. Есть &lt;li&gt; , в нем находится динамический баннер . Необходимо, чтобы при клике по баннеру происходил переход по ссылке,...

Необходимо написать обработчики событий в input type=text и элементе div/div
Всем добра )! Может быть кто сможет мне помочь? С этим :на странице имеем - input type=text и элемент div/div. Необходимо написать...

4
 Аватар для _DmS_
25 / 25 / 1
Регистрация: 01.09.2012
Сообщений: 79
27.10.2012, 18:17
Может оператор присваивания "=" вместо сравнения "==" в строке 10?
1
 Аватар для Dimka1judo
6 / 6 / 5
Регистрация: 16.01.2012
Сообщений: 245
27.10.2012, 18:20  [ТС]
Я тоже так подумал изначально, но эт не php тут такое не работает.
0
 Аватар для _DmS_
25 / 25 / 1
Регистрация: 01.09.2012
Сообщений: 79
27.10.2012, 18:54
Не знаю как у тебя, а у меня в Firefox работает так:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Hello Scripting</title>
    <style type="text/css">
        * {margin: 0;padding: 0;}
        body { background: #D3E7FF; }
        .wrapper {
            width: 460px;
            height: 180px;
            margin: 100px auto 0;
            background: #FFBFBF;
            border: 2px solid #BC0300;
            padding: 10px 20px;
            vertical-align: middle;
            text-align: center;
            color: #0070AD;
            font: 1.4em Cambria, Georgia, serif
        }
        .wrapper a { color: red; }
    </style>
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script type="application/x-javascript">
    $(document).ready(function(){
            $(".knopka").on('click', function(e)
                    {
                        var er = $(".in").val();
                        $(".site").each(function()
                            {
                                var tu = $(this).text();
                                if (tu == er)
                                    {
                                        $(this).fadeOut(2000);
                                    }
                            }
                        );
                    }
                );
        });
    </script>
</head>
<body>
<div class="wrapper">
    <p><a href="#" class="knopka">Скрыть div</a></p>
       <div class="stat"><input type="text" name="pole" class="in" value="" /></div>
       <div class="site">про</div>
       <div class="site">2</div>
       <div class="site">3</div>
       <div class="site">4</div>
</div>
</body>
</html>
1
27.10.2012, 20:43

Не по теме:

Dimka1judo, тут сравнение значений также как и в пыхе.

1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
27.10.2012, 20:43
Помогаю со студенческими работами здесь

Скрыть один div и вывести второй div
всем привет, уважаемые форумчане! ситуация такая: есть 2 div-а. &lt;div&gt;поиск&lt;/div&gt; &lt;div&gt;контент&lt;/div&gt; по умолчанию в диве...

Скрыть блок div если если существует cookie
Если пользователь первый раз на сайте или не нажимал на ссылку &quot;Спасибо, уже видели &quot;, перед ним отображается блок div &lt;div...

Input,div,select и текст. косячное отображение
Пытаюсь сделать страницу регистрации. проблемма вылазит в отображении инпутов и селектов по отношению к тексту. Firefox все показывает...

Как растянуть основной div до футера и разместить текст ровно центру этого div?
Всем привет, решил попробовать создать простейший резиновый сайт и чтобы футер был привязан внизу, чтобы не писать стандартную форму...

Toggly скрывает/раскрывает div, но если не скрыть его а выбрать следующую ссылку
toggly скрывает/раскрывает div, но если не скрыть его а выбрать следующую ссылку div открывается поверх предыдущего, и что бы теперь...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru