使用JS动态添加元素和移除元素

javascript

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

删除相应的div，你的有问题吗？貌似把整个最外层删掉了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
    //添加div
    $(".add").click(function () {
        var div = '<div class="div2"><div class="div3">自动添加的文本</div>' +
                      '<div class="commondivremove"><button class="button1">删除</button></div></div>';
        $("#ddd").append(div);
    });
    //移除div
    $("#ddd").on('click', 'button[class="button1"]', function () {
        $(this).parents('.div2').remove();
    });
    })
</script>
</head><body><div id="ddd">
    <div class="div1" >
        <div class="div2">
            <div class="div3">
                <a>文本1</a>
            </div>
            <div class="div3">
                <button class="button1">删除</button>
            </div>
        </div>
        <div class="div2">
            <div class="div3">
                <a>文本2</a>
            </div>
            <div class="div3">
                <button class="button1">删除</button>
            </div>
        </div>
<div>
<button class="add">添加div</button></body>
</html>
你要看一下你的JQ库是什么版本的，有些老的版本是没有支持on的。。