|
|
|
อยากได้ ตัวอย่าง Code JS ที่ Hidden ตั้งแต่ 1 - 10 แล้ว โชว์ 11-20 |
|
|
|
|
|
|
|
JavaScript Show and Hide Table Rows
น่าจะ Apply ได้ไม่ยาก
|
|
|
|
|
Date :
2014-10-09 12:42:07 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (JavaScript)
<script>
function pad (str, Max) {
str = str+''
return str.length < Max ? pad("0" + str, Max) : str;
}
$(document).ready(function(){
$('table tbody tr td').click(function(){
$(this).parentsUntil('table').find('td').text('hide');
var id = ($(this).attr('id').substring(0,$(this).attr('id').length - 1)+'0')*1;
for(i = 1;i<=10;i++){
$('#'+pad(id+i,2)).text('show'+(id+i));
console.log(pad(id+i,2));
}
});
});
</script>
Code (PHP)
<table border="1">
<tbody>
<?php
for($i=1;$i<=100;$i++){
echo '<tr><td id="'.sprintf("%02d",$i).'">hide'.sprintf("%02d",$i).' </td></tr>';
}
?>
</tbody>
</table>
|
ประวัติการแก้ไข 2014-10-09 17:59:11 2014-10-09 17:59:37
|
|
|
|
Date :
2014-10-09 17:59:01 |
By :
gaowteen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|