－86400秒のプレゼント－
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!-- script --> <script> $(function(){ $('[id=alertTable] > tbody > tr > td').on('click',function(){ y = this.parentNode.rowIndex; x = this.cellIndex; selector = "table tr:eq(" + y + ") td:eq(" + x + ")" $(selector).text("change"); }); }); </script> <!-- script --> |
tabのサンプルです。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"> <script> $(function() { $("#tabhoge").tabs(); }); </script> <div id="tabhoge"> <ul> <li><a href="#t-1">タブ１</a></li> <li><a href="#t-2">タブ２</a></li> <li><a href="#t-3">タブ３</a></li> </ul> <div id="t-1">コンテンツ１</div> <div id="t-2">コンテンツ２</div> <div id="t-3">コンテンツ３</div> </div> |