data-toggle="tab"
タブにつく「data-」から始まる属性はカスタムデータと呼ばれるユーザーが独自に拡張するための機能です
jsからだと.dataset[]で参照できます。
jQueryだと.data()で参照しますね。
ハイフンの使い方に若干注意が必要です
javascript
1<script>
2window.addEventListener('DOMContentLoaded', function(e){
3 console.log(document.querySelector("#hoge").dataset["test"]);
4 console.log(document.querySelector("#hoge").dataset["myTestData"]);
5});
6</script>
7// jQuery
8<script>
9$(function(){
10 console.log($("#hoge").data("test"));
11 console.log($("#hoge").data("my-test-data"));
12});
13</script>
14<div id="hoge" data-test="fuga" data-my-test-data="piyo">aaa</div>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/29 07:37