Показать сообщение отдельно
  #3 (permalink)  
Старый 05.07.2018, 12:17
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

<div class="block">1</div>
<div class="block">2</div>
<div class="block">3</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script>
// $('.checkshadow').click(function() {
//       if($(this).is('.check')) {
//           $(this).removeClass('check');
//       } else {
//           $(this).addClass('check');
//       }
//   });

$(".block")
  .html("<a>ALL</a>" + "<a>Link</a>".repeat(100))
  .on("click", "a", function(event) {
      $(this).toggleClass("check")
  })
  .on("click", ":contains('ALL')", function(event) {
      $(this).closest(".block").find("a").removeClass("check");
  });

</script><style>
body {
  display: flex;
}

.block {
  background: deeppink;
  margin: 1em;
  padding: 1em;
}

.block a {
  display: inline-block;
  background: white;
  padding: 1em;
  margin: .1em;
}

.block a.check {
  background: red;
}
</style>


Простите за ужасный вид
Ответить с цитированием