Показать сообщение отдельно
  #17 (permalink)  
Старый 05.07.2018, 16:18
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Собрал все советы + немного своего
<style>
.check { color:green;}
</style>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<div class="block1 fltr">
   <a class="checkshadow1" href="#">ссылка</a>
</div>
<div class="block2 fltr">
   <a class="checkshadow2" href="#">All</a><br>
   <a class="checkshadow2" href="#">ссылка</a><br>
   <a class="checkshadow2" href="#">ссылка</a></div>
<div class="block3 fltr">
   <li class = "mr-3"><a class="checkshadow3" href="#">all</a></li>
   <li class="tablinks all"><a class="checkshadow3" href="#">ссылка</a></li>
</div>
<div class="block4 fltr">
   <a class="checkshadow4" href="#">Все</a><br>
   <a class="checkshadow4" href="#">ссылка</a>
</div>
	<script>
	$("a[class*=checkshadow]").click(function(){
		if(/all|все/i.test($(this).text())) $(this).parents('.fltr').find("a[class*=checkshadow]").removeClass('check');
		else	$(this).toggleClass('check');
	});
	</script>

Последний раз редактировалось Dilettante_Pro, 05.07.2018 в 18:26.
Ответить с цитированием