回答編集履歴
1
jsの記述追加
answer
CHANGED
|
@@ -1,13 +1,28 @@
|
|
|
1
1
|
> 質問ですがカテゴリをクリックするとdata-lightboxの値を変更出来るにはDOMでどのようなコードを入力したら良いのでしょうか？
|
|
2
2
|
|
|
3
|
+
JS
|
|
3
4
|
```lang-javascript
|
|
5
|
+
document.addEventListener('DOMContentLoaded',function(){
|
|
6
|
+
var olist_dom = document.getElementById('oList'),
|
|
7
|
+
anchors = olist_dom.querySelectorAll('li > a');
|
|
8
|
+
|
|
9
|
+
for ( var i = 0; i < anchors.length; i++ )
|
|
10
|
+
{
|
|
11
|
+
anchors[i].addEventListener('click', function(){
|
|
12
|
+
this.setAttribute('data-lightbox', 'ここにクリックしたときに変更したい値');
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
}, false);
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
jQuery
|
|
19
|
+
```lang-javascript
|
|
4
20
|
$(document).ready(function(){
|
|
5
21
|
$('#oList').find('li > a').click(function(){
|
|
6
22
|
this.setAttribute('data-lightbox', 'ここにクリックしたときに変更したい値');
|
|
7
23
|
});
|
|
8
24
|
});
|
|
9
25
|
```
|
|
10
|
-
|
|
11
26
|
PS.
|
|
12
27
|
date-lightboxの値はdate?
|
|
13
28
|
日付が入るのですか？
|