Функция для обработки кликов

@Kazachek · Регистрация: 03.11.2013

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

Добрый день,
У меня есть несколько div-ов с данными внутри. Необходимо создать функцию которая определила которая из них была нажата. Вроде все просто, но у меня идет повторение кода. Думаю есть способ сделать это одной функцией. Обращаюсь за помощью к гуру.

HTML5

<div id='numbers' class='010203'>
    <p class='cat_name'>Простые</p>
    <p class='number_n'>010203</p>
</div>
 
<div id='numbers' class='010204'>
    <p class='cat_name'>Простые</p>
    <p class='number_n'>010204</p>
</div>
 
<div id='numbers' class='010205'>
    <p class='cat_name'>Простые</p>
    <p class='number_n'>010205</p>
</div>

Javascript

$('.010203').click( function() {
    console.log('click-event');
 
});
 
$('.010204').click( function() {
    console.log('click-event');
 
});
 
$('.010205').click( function() {
    console.log('click-event');
 
});

Заранее благодарю за помощь.

@Монфрид · 08.05.2015, 07:18

Kazachek, id должно быть уникально на всей странице, у вас оно у трёх дивов повторяется.
не понятно вот это:

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

Необходимо создать функцию которая определила которая из них была нажата.

вам нужно для каждого дива выполнить своё уникальное действие? если да, то невозможно всё это свести к одной функции. Если же каждый див обрабатывается по одинаковому сценарию:

HTML5

<div class='010203 numbers'>
    <p class='cat_name'>Простые</p>
    <p class='number_n'>010203</p>
</div>
 
<div class='010204 numbers'>
    <p class='cat_name'>Простые</p>
    <p class='number_n'>010204</p>
</div>
 
<div class='010205 numbers'>
    <p class='cat_name'>Простые</p>
    <p class='number_n'>010205</p>
</div>

Javascript

1
2
3

$(".numbers").click(function(){
console.log("div clicked!");
});

@Kazachek · 08.05.2015, 09:00 **[ТС]**

Сообщение от Монфрид

вам нужно для каждого дива выполнить своё уникальное действие?

Нет - действие одно и тоже.

Я могу всем дать уникальный ID но одинаковые классы для css.
Для чего это нужно, будут блоки номеров, при удерживании на блоке, он должен появится в другом div-e. Пока что пытаюсь сделать это кликом, но у меня каждый раз берет один и тот же див(первый)

Можете помочь с определением?
Залил в JSFIDDLE чтоб было наглядно
Огромное спасибо

Добавлено через 39 минут
Монфрид, Пожалуйста помогите немножко разобраться, со вчерашнего дня пытаюсь самостоятельно сделать не получается((

Добавлено через 21 минуту
Урааа

Получилось

Javascript

1
2
3

$('.numbers').click( function(a) {
   alert(this.id);
});

Сделал ID уникальным, а класс одинаковым.
Спасибо за помощь и поддержку.

	08.05.2015, 09:00