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

@Jay_D · Регистрация: 15.08.2009

Студворк — интернет-сервис помощи студентам

Есть код:

HTML5
1
2
3
4
5
6
7
8
<div class="post">
            <div class="eye"></div>
            <p id="des"></p>
</div>
<div class="post">
            <div class="eye"></div>
            <p id="des"></p>
</div>

JavaScript
1
2
3
4
$(".post .eye").click(function(){
        $(this).parents().find("#des").append(text);
        $(this).css( 'backgroundImage' , 'url("../images/eject.png")')
    });

Нужно при клике на класс eye определить к какому он относится .post и к этому post уже применить то что находится в функции(выше)

Vovan-VE · 25.01.2012, 17:54

Jay_D, ID не может повторяться. Он уникален на всю страницу. Замените его на класс (в html и в js).

Сообщение от Jay_D

JavaScript
1
$(this).parents()

JavaScript
1
$(this).closest('.post')

Сообщение от Jay_D

JavaScript
1
$(this).css( 'backgroundImage' ,

Опять же, лучше добавлять/удалять классы у элемента, и оформлять эти классы в CSS.

JavaScript
1
$(this).addClass('foobar')

CSS
1
.post .eye.foobar {background-image: url("../images/eject.png");}

@Jay_D · 25.01.2012, 18:59 **[ТС]**

есть еще вопрос а как очистить содержимое параграфа .des?

Vovan-VE · 26.01.2012, 17:25

Сообщение от Jay_D

как очистить содержимое параграфа .des?

JavaScript
1
$(this).closest('.post').find(".des").empty();

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@Jay_D 2 / 2 / 2 Регистрация: 15.08.2009 Сообщений: 111
	25.01.2012, 18:59 [ТС]
	есть еще вопрос а как очистить содержимое параграфа .des? 0