Как исключить исполнение скрипта у дочерних элементов?

Question

[0leg5ergeev]

В общем, есть скрипт

<script>
		$(document).ready(function(){
			var $ops = $(".fullpage");
			$(".select2-selection").click(function () {            
				 $ops.addClass('op');
			});
			
		});
		</script>

Исполняется при нажатии на элемент с классом select2-selection. так же есть обратный этому скрипт, срабатывающий по mousedown. Так вот, видимо, на дочерних элементах класса select2-selection представленный скрипт так же срабатывает, как это можно исключить?

Comments

[Григорий]

Покажите HTML-код этих объектов, чтобы можно было понять ваш JS.

Answer 1

[Ivanq]

Гугл вам в помощь :)
www.askdev.ru/javascript/1311/%D0%9F%D1%80%D0%B8-%...

Comments

[0leg5ergeev]

а как применить не понял :)

Answer 2

[Кирилл Туровников]

Да конечно же он срабатывает на дочерних элементах, он ловит клик внутри всего элемента, можно так:

$(".select2-selection").click(function(event) {
     $target = $(event.target);
     if (!$target.hasClass('children')) {
         $ops.addClass('op');
     }
 });

Но лучше покажите сам html и измените вложенность, добавьте класс или ид необходимому элементу.

Или как выше указал Ivanq можно использовать такую функцию:

$("#some_id").click(function(event) { 
      event.stopPropagation();
});

Вместо $("#some_id") указать селекторы дочерних элементов, которые надо исключить, например $(".select2-selection > *")

Comments

[0leg5ergeev]

да дел в том, что все классы и сам html генерируется посредством select2 - библиотеки. Поэтому возникают свои трудности выше есть ответ, но не знаю как применить эту функцию.

[Кирилл Туровников]

0leg5ergeev: выше добавил пояснение по этому способу

[0leg5ergeev]

Кирилл Туровников: огромное спасибо

[0leg5ergeev]

Кирилл Туровников: не получается. не получается настолько, что уже, похоже, вообще всё перепробовал :( мб я отправлю тебе проект, подскажешь?

[Кирилл Туровников]

0leg5ergeev: ну если код весь покажешь, то могу посмотреть