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

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

WBOY
WBOYasal
2016-05-16 17:22:441107semak imbas
复制代码 代码如下:


<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部分
























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

Kenyataan:
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