JS jQuery的 - 變量的類名

Question

我有一些圖片與像類：
.1A
.2a
.3A
.4a
.....

我想切換一些類稱爲
.1b
.2b
.3b
..等

使得：
'.1A' - > toggleClass '1B'
'.2a' - > toggleClass '2B'
..等

怎麼做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。將屬性「data-target」分配給將被點擊的元素，該元素引用將要處理的元素。

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

注意，您可以用this.dataset.target訪問data-target屬性直接從元素的屬性設置或使用jQuery的「ATTR」選擇訪問$(this).attr('data-target')