У меня есть несколько svg в некоторых полях, я хочу изменить только цвет, на тот, который я нажимаю

Question

У меня есть некоторые svg. Я хочу изменить их заливку при клике, но я хочу, чтобы они меняли только цвет, на том, который я нажимаю, каждый svg имеет одинаковый класс и идентификаторы, но находятся в разных divs / box

 $('svg').on("click", function() {
        $('.cls-1').css("fill","#8b5a0b");
 });

Answer 1

Вы можете использовать $(this) внутри обработчика событий, чтобы получить элемент, для которого было инициировано событие.

$('svg').on('click', function() {
  $(this).css('fill', '#8b5a0b');
});