Jquery расслоение плотной - имена переменных класса

Question

У меня есть несколько изображений с классами, такими как:
.1a
.2a
.3a
.4a
.....

Я хотел бы, чтобы переключить некоторые классы, называемые
.1b
.2b
.3b
.. и так далее

так, чтобы:
'.1a' -> toggleClass '1b'
'.2a' -> toggleClass '2b'
..etc

Как это сделать wri чем меньше? это мой простой код:

$(".mini1").click(function() { 
    $(this).toggleClass("mini_1b"); 
}); 

https://jsfiddle.net/toygp9v0/1/

Answer 1

Вы можете просто получить номер и использовать его для второго селектора

$("[class^='mini']").click(function() { 
    $(this).toggleClass('mini_' + this.className.slice(-1) + 'b'); 
}); 

Answer 2

Использование data-target. Назначьте свойство «цель данных» для элемента, который будет нажат, который ссылается на элемент, который будет обрабатываться.

Пример: http://jsfiddle.net/710qj9ca/

Обратите внимание, что вы можете получить доступ к атрибуту data-target с this.dataset.target, чтобы получить доступ непосредственно из набора свойств элемента или с помощью «атр» селектор JQuery в $(this).attr('data-target')