|
 |
|
รบกวน สอบ ถาม เกี่ยวกับ jquery เกี่ยว กับ เพิ่ม ลบ ตาราง |
|
 |
|
|
 |
 |
|
ลอง apply ดูครับ
http://jsfiddle.net/HpwZ2/6/
Code (PHP)
<table border="1">
<theader>
<tr>
<td>ลบ</td>
<td>ลำดับที่</td>
<td><button type="button" id="btnPluz">เพิ่ม</button></td>
</tr>
</theader>
<tbody id="tbody">
</tbody>
</table>
<input type="number" id="number" value="0">
<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script>
$(function(){
$('#btnPluz').click(function(){
var num=parseInt($('#number').val())+1;
var tr=$("<tr id='tr"+num+"'><td><button id='btnDel' rel='"+num+"'>-</button></td><td><span></span</td><td></td>");
var i=0;
$('#tbody').append(tr);
$('span').each(function(index, element) {
i++
$(this).text(i);
});
$('#number').val(num);
});
$('#tbody').on('click','#btnDel',function(){
var rel=$(this).attr('rel');
var i=0;
$("#tr"+rel+"").remove();
$('span').each(function(index, element) {
i++
$(this).text(i);
});
});
});
</script>
Cradit : Unidentifier & ☣ DÜd€ ☣
|
 |
 |
 |
 |
Date :
2014-03-03 16:02:57 |
By :
Ex-[S]i[L]e[N]t |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ุถ้าอยากได้ความรู้ให้อ่าน #NO 1 - 3
อันนี้สำเร็จรูป ในกรณีลบแถว เท่านั้น
---- แก้ไข function doRemoveItem(obj)
Code (JavaScript)
if (confirm('คุณต้องการลบแถวนี้?')) {
$(obj).parent().parent().remove(); //อันนี้ของคุณ
$('#mytbl').find('tbody > tr').each(function () {
var row = $(this), s = row.index() + 1;
row.find('td').eq(1).text('ลำดันที่ ' + s);
}
|
 |
 |
 |
 |
Date :
2014-03-03 17:01:53 |
By :
love9713 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
แก้ไข #NO 4
แทรกเครื่องหมาย }); ระหว่างบรรทัดที่ 5 -6
Code (JavaScript)
if (confirm('คุณต้องการลบแถวนี้?')) {
$(obj).parent().parent().remove(); //อันนี้ของคุณ
$('#mytbl').find('tbody > tr').each(function () {
var row = $(this), s = row.index() + 1;
row.find('td').eq(1).text('ลำดับที่ ' + s);
});
}
Good Luck.
|
 |
 |
 |
 |
Date :
2014-03-03 20:12:27 |
By :
love9713 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 00
|