質問編集履歴
1
コードを見やすく修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
以下のようなコードを配列でまとめたいと思
|
|
1
|
+
以下のようなコードを配列でまとめたいと思い、
|
|
2
2
|
まとめる前は上手くいったのですが、まとめると上手くいきませんでした。
|
|
3
3
|
|
|
4
4
|
【まとめる前のコード】
|
|
5
|
+
```javascript
|
|
5
6
|
$('#btnTabA').click(function(){
|
|
6
7
|
$(this).css('background','#ef857d');
|
|
7
8
|
$('#btnTab > div').not(this).css('background','#7bcad1');
|
|
@@ -20,9 +21,11 @@
|
|
|
20
21
|
$('#btnC').css('z-index','1');
|
|
21
22
|
$('#btnInner > div').not('#btnC').css('z-index','0');
|
|
22
23
|
});
|
|
24
|
+
```
|
|
23
25
|
|
|
24
26
|
【まとめた後のコード】
|
|
25
27
|
|
|
28
|
+
```Javascript
|
|
26
29
|
var btn = ['#btnA', '#btnB', '#btnC'],
|
|
27
30
|
btnTab = ['#btnTabA', '#btnTabB', '#btnTabC'],
|
|
28
31
|
btnLen = btn.length;
|
|
@@ -34,6 +37,7 @@
|
|
|
34
37
|
$(btn[i]).css('z-index','1');
|
|
35
38
|
$('#btnInner > div').not(btn[i]).css('z-index','0');
|
|
36
39
|
});
|
|
40
|
+
```
|
|
37
41
|
|
|
38
42
|
まとめた場合の結果としては、なにかしらのbtnTabをクリックするとbtnTabCのzIndexが1になり、
|
|
39
43
|
それ以降はどこをクリックしても変わらない状態です。
|