С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/9: Рейтинг темы: голосов - 9, средняя оценка - 4.67
3 / 2 / 1
Регистрация: 17.08.2018
Сообщений: 81

Как определить на какой именно элемент кликнули

28.11.2018, 20:31. Показов 1985. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Смотрите, есть вот такая разметка:
HTML5
1
2
3
4
5
6
7
8
9
10
11
<div class="qstn">
                    <div class="button">+</div>
                    <h3>Вопрос 1</h3>
                    <div class="description">red alteration in some form, by injected humour, or randomised words which don't look</div>
                </div>
 
                <div class="qstn">
                    <div class="button">+</div>
                    <h3>Вопрос 2</h3>
                    <div class="description">red alteration in some form, by injected humour, or randomised words which don't look</div>
                </div>
.description скрыты:
CSS
1
2
3
4
5
6
7
8
.question-wrapper .sep .qstn .description
{
    width: 500px;
    min-height: 60px;
    max-height: auto;
    display: none;
    margin-left: 10px;
}
и вот по нажатию на кнопку надо, чтобы .description стал block.

Вопрос в том, как из массива элементов получить нужный мне, по которому я кликнул

Вся разметка:
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
        <div class="question-wrapper">
            <div class="left sep">
                <div class="qstn">
                    <div class="button">+</div>
                    <h3>Вопрос 1</h3>
                    <div class="description">red alteration in some form, by injected humour, or randomised words which don't look</div>
                </div>
 
                <div class="qstn">
                    <div class="button">+</div>
                    <h3>Вопрос 2</h3>
                    <div class="description">red alteration in some form, by injected humour, or randomised words which don't look</div>
                </div>
 
                <div class="qstn">
                    <div class="button">+</div>
                    <h3>Вопрос 3</h3>
                    <div class="description">red alteration in some form, by injected humour, or randomised words which don't look</div>
                </div>
 
                <div class="qstn">
                    <div class="button">+</div>
                    <h3>Вопрос 4</h3>
                    <div class="description">red alteration in some form, by injected humour, or randomised words which don't look</div>
                </div>
            </div>
 
            <div class="right sep">
                <div class="qstn">
                    <div class="button">+</div>
                    <h3>Вопрос 5</h3>
                    <div class="description">red alteration in some form, by injected humour, or randomised words which don't look</div>
                </div>
 
                <div class="qstn">
                    <div class="button">+</div>
                    <h3>Вопрос 6</h3>
                    <div class="description">red alteration in some form, by injected humour, or randomised words which don't look</div>
                </div>
 
                <div class="qstn">
                    <div class="button">+</div>
                    <h3>Вопрос 7</h3>
                    <div class="description">red alteration in some form, by injected humour, or randomised words which don't look</div>
                </div>
            </div>
        </div>
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
28.11.2018, 20:31
Ответы с готовыми решениями:

Как определить, какой элемент нажат?
Есть код: &lt;div class=&quot;post&quot;&gt; &lt;div class=&quot;eye&quot;&gt;&lt;/div&gt; &lt;p id=&quot;des&quot;&gt;&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;post&quot;&gt; ...

Как определить на какой бокс кликнули?
private void Form3_Load(object sender, EventArgs e) { string fils = Directory.GetFiles(Application.StartupPath +...

Как определить,по какой ссылке кликнули?
Подскажите плизз... Я пишу архив для гостевой книги и у меня есть несколько ссылок на один и тот же файл &lt;a...

1
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
28.11.2018, 22:16
Лучший ответ Сообщение было отмечено tilda_2311 как решение

Решение

JavaScript
1
2
3
4
5
$(function () {
    $('.button').click(function(){
        $(this).parent().find('.description').show();
    })
})
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
28.11.2018, 22:16
Помогаю со студенческими работами здесь

Как определить какой именно POST запрос приходит в HttpHandler
Здравствуйте! У меня есть сервер, на который я делаю POST запрос с клиента и обрабатываю HttpHandler-ом. В один и тот же хэндлер мне надо...

Как определить, в какой именно форме была нажата кнопка?
есть такой код: &lt;% set cn = Server.CreateObject('ADODB.Connection') cn.CursorLocation = 3 'adUseClient cn.Open 'sup' ...

DevExpress, как отловить нажатие на Band и при этом определить на какой именно
В DevExpress'овском GridControl можно создавать разные типы GridView. Я создал BandedGridView. Там несколько столбцов объединены под один...

Один IIS. Несколько сайтов. Как определить, какой именно сайт больше всего тратит системные ресурсы
Имеется сервер. На нем установлены NT4 и IIS4. На IIS-е висит около 5 сайтов. Т.е. весь IIS разрастается до 70-100 мегабайт...

Ошибка DCOM "Класс не зарегистрирован" как определить какой именно?
Тип события: Ошибка Источник события: DCOM Категория события: Отсутствует Код события: 10006 Дата: 18.08.04 Время: 8:55:59 ...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
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/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru