js jQuery - 变量类名

Question

我有一些像以下类的图像：
.1a
.2a
.3a
.4a
.........

我想切换一些名为
.1b
。.bb。.bb ..等的类。等等

因此：
＆＃39; .1a＆＃39; - ＆GT; toggleClass＆＃39; 1b＆＃39;
＆＃39; .2a＆＃39; - ＆GT; toggleClass＆＃39; 2b＆＃39;
..等

如何写较少？这是我的简单代码：

$(".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。将属性“data-target”分配给将被单击的元素，该元素引用将要处理的元素。

示例：http://jsfiddle.net/710qj9ca/

请注意，您可以使用data-target访问this.dataset.target属性，以便直接从元素的属性集访问它，或者使用jQuery的“attr”选择器$(this).attr('data-target')