1)在js中动态添加div,例如:
在html中有如此语句:
<a href="javascript:;" class="add left" οnclick="addWebInfo()">新增</a>
<div id="addwebinfo">
</div><!--1-->
则在js中增加div:
function addUWebInfo()
{
num = num+1; //这里的num是全局变量,为的是id是变动的,是实现动态添加删除的关键。
$("#addwebinfo").append("<div class='add_list mb' id='addwebinfo"+num+"'><div class='con_left_green'><p class='ml mt clearfix' ><label>网站域名</label><input type='text' name='webpostname' /><span class='red'>*</span></p><p class='ml mt clearfix' ><label>网站地址</label><input type='text' name='weburl' /><span class='red'>*</span><a href='javascript:;' target='content' class='verify'>验证</a></p><p class='ml mt clearfix' ><label>Cname</label><input class='mb' type='text' name='cname' /><span class='red'>*</span></p></div><p class='ml mt clearfix'><a href='javascript:;' class='delete right' οnclick=' todelet("+num+")' >删除</a></p></div>");
}
2)则在js中动态删除div时:
function todelet(num)
{
var webinfo = "addwebinfo"+num;
webinfo = "#"+webinfo; //拼接成如$('#某id')的语法结构
center($('#showMessage'));
$(".del2").click(function(){
$(webinfo).remove();
$("#showMessage").hide();
});
}