Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.06.2018, 09:31
Новичок на форуме
Отправить личное сообщение для nooclik Посмотреть профиль Найти все сообщения от nooclik
 
Регистрация: 25.06.2018
Сообщений: 2

Обработка click одного из элементов
Доброго времени суток! Имеется список, элементы списка имеют один класс. При обработке события по клику одного элемента
$('.class').click(function(){...})

отрабатывает столько раз, сколько элементов с данным классом, как добиться обработки только одного элемента
Ответить с цитированием
  #2 (permalink)  
Старый 25.06.2018, 09:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 29,302

Сообщение от nooclik
отрабатывает столько раз, сколько элементов с данным классом,
где код этого чудо?
Ответить с цитированием
  #3 (permalink)  
Старый 25.06.2018, 09:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 29,302

nooclik,
пока вы размышляите ... повангую решение
1 вариант назначать клик только родителю данных элементов 1 раз
2 вариант проверять перед назначением, что клик уже назначен.
Ответить с цитированием
  #4 (permalink)  
Старый 25.06.2018, 09:44
Новичок на форуме
Отправить личное сообщение для nooclik Посмотреть профиль Найти все сообщения от nooclik
 
Регистрация: 25.06.2018
Сообщений: 2

Нету на данный момент под рукой, но смысл вот такой
<ul>
<li class='class'>
<li class='class'>
<li class='class'>
<li class='class'>
<li class='class'>
</ul>

$('.class').on('click', function(){
console.log('click')
});

в консоль выводит 5 раз
Ответить с цитированием
  #5 (permalink)  
Старый 25.06.2018, 09:51
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,781

Сообщение от nooclik Посмотреть сообщение
Нету на данный момент под рукой, но смысл вот такой
<ul>
<li class='class'>
<li class='class'>
<li class='class'>
<li class='class'>
<li class='class'>
</ul>

$('.class').on('click', function(){
console.log('click')
});

в консоль выводит 5 раз
Да врешь ты все...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('.class').on('click', function(){
		alert($(this).text());
	});
});
</script>
</head>
<body>
<ul>
	<li class='class'>Item 0</li>
	<li class='class'>Item 1</li>
	<li class='class'>Item 2</li>
	<li class='class'>Item 3</li>
	<li class='class'>Item 4</li>
</ul>
</body>
</html>


Тебе даже лень пример тестовый сделать для иллюстрации своей же проблемы.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обработка событий добавленных элементов Dozentos jQuery 4 26.09.2015 15:10
Обработка нескольких элементов deltaman Общие вопросы Javascript 8 18.04.2015 14:27
Обработка click-события по группе элементов Djiney Events/DOM/Window 4 19.01.2015 19:36
Обработка элементов в dijit.Dialog Белый Тигр Dojo toolkit 5 13.10.2011 18:31
Как изменить свойство css у всех элементов одного класса AlexJ Events/DOM/Window 7 19.03.2011 06:25