Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как ограничить выполнение скрипта одним блоком? (https://javascript.ru/forum/misc/78643-kak-ogranichit-vypolnenie-skripta-odnim-blokom.html)

Nice 13.10.2019 22:39

Как ограничить выполнение скрипта одним блоком?
 
Здравствуйте, премногоуважаемые! Помогите нубу - на странице сайта есть два блока с переключалками типа tabspanel. Есть скрипт, который отображает активную вкладку и скрывает неактивные. Он работает, но он скрывает неактивные вкладки не только в текущем блоке, а во всех блоках типа tabspanel, которые есть на странице. В моём случае в двух блоках. Что не есть правильно :stop: Собственно как ограничить выполнение скрипта только текущим блоком? Текущий скрипт:

$('.tabslinks span').click(function() {
		$('.tabslinks span').removeClass('active');
		$(this).addClass('active');
		var tc = $(this).attr('data-stab');
		$('.tabscontent .tabcontent').removeClass('active');
		$('.tabscontent #'+tc).addClass('active');
	});

рони 13.10.2019 23:00

Nice,
$("блок").each(function(i, el) {
$('.tabslinks span', el).click(function() {
		$('.tabslinks span', el).removeClass('active');
		$(this).addClass('active');
		var tc = $(this).attr('data-stab');
		$('.tabscontent .tabcontent', el).removeClass('active');
		$('.tabscontent #'+tc).addClass('active');
	});
})

Nice 14.10.2019 00:42

Цитата:

Сообщение от рони (Сообщение 513905)
Nice,
$("блок").each(function(i, el) {
$('.tabslinks span', el).click(function() {
		$('.tabslinks span', el).removeClass('active');
		$(this).addClass('active');
		var tc = $(this).attr('data-stab');
		$('.tabscontent .tabcontent', el).removeClass('active');
		$('.tabscontent #'+tc).addClass('active');
	});
})

Спасибо за помощь! Это работает :thanks: Очень выручили


Часовой пояс GMT +3, время: 05:41.