Rumah > hujung hadapan web > tutorial js > jquery 追加tr和删除tr示例代码_jquery

jquery 追加tr和删除tr示例代码_jquery

WBOY
Lepaskan: 2016-05-16 17:22:44
asal
1138 orang telah melayarinya
复制代码 代码如下:


<script> <BR>$(function(){ <BR>$("#getAtr").click(function(){ <BR>$str=''; <BR>$str+="<tr align='center'>"; <BR>$str+="<td><input type='text' name='advTitle[]'/>"; <BR>$str+="<td><input type='file' name='img[]' />"; <BR>$str+="<td><input type='text' name='advContent[]' />"; <BR>$str+="<td><input type='text' name='advSource[]' />"; <BR>$str+="<td><input type='text' name='advAuthor[]' />"; <BR>$str+="<td><input type='text' name='advPosition[]' />"; <BR>$str+="<td onClick='getDel(this)'><a href='#'>删除追加"; <BR>$str+=""; <BR>$("#addTr").append($str); <BR>}); <BR>}); <br><br>function getDel(k){ <BR>$(k).parent().remove(); <BR>} <BR></script>

--------------------------------------------------------------------------------
html部分
























广告名称 广告图片 广告内容 广告来源 广告作者 广告描述 追加内容

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan