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

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

27.10.2012, 16:39. Показов 2741. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
Контроль уникальности заводского номера - вариант №2
Maks 24.03.2026
В отличие от предыдущего варианта добавлено прерывание циклов, также добавлены новые переменные для сохранения контекста ошибки перед прерыванием цикла: Процедура ПередЗаписью(Отказ, РежимЗаписи,. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
Жизнь в неопределённости
kumehtar 23.03.2026
Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .
Модель здравоСохранения: работники работают быстрее после её введения.
anaschu 23.03.2026
geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .
Контроль уникальности заводского номера - вариант №1
Maks 23.03.2026
Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Данные берутся из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru