Jquery 添加删除div

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();
});

}



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值