Определение определённой кнопки в jquery

212

25 февраля 2022, 23:40

У меня есть 4 разных div с одинаковым названия класса и 4 кнопки в них. По имени класса я могу обратиться чтобы считать действие. Но так как у меня одинаковые названия классов, то немного не корректно работает. Как определить именно определённой кнопки нажатие? И нужно изменить текст не через jquery. Как можно это сделать?

Answer 1

$('.toggle').on('click', function(event) { 
  $(event.currentTarget).toggleClass("shadow"); 
})

.hidden { 
  display: none; 
} 
 
.btn:active > .hidden { 
  display:inline-block 
} 
 
.btn:active > .showed { 
  display:none 
} 
 
.shadow { 
  background: red; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<button class="btn"> 
  <span class="showed">showed</span> 
  <span class="hidden">hidden</span> 
</button> 
 
<button class="toggle"> 
  toggle 
</button>