使用js或者jquery解决数据添加或者删除的 *** 作

$(function(){

$("btnAdd").click(function(){

var opt = $("selectList option:selected")

if(opt.value != "-1"){

var spn=$("<span>" + opt.text() + "</span>")

var delBtn = $("<a href="javascript:void(0)">删除</a>")

delBtn.click(function(){

spn.remove()

})

spn.append(delBtn)

$("body").append(spn)

}

})

})

var spn=$("<span>" + opt.text() + "</span>")这种生成后，继续引用的用法，我现在不确定是否有问题，毕竟已经两年没写代码了。就算给个思路吧。

<div class="add">

</div>

$(function(){

$(".add").click(function(){

$(this).html("")//清空add里面的数据；

$(this).html("aa")//aa为要添加的数据，可以是字符串，也可以是变量；

})

})

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('body').append('<span>jquery</span>')

3、浏览器运行index.html页面，此时发现“jquery”被成功append()到了body中。

4、在<script>标签中，新增js代码：

$('body').children().get($('body').children().length - 1).remove()

5、再运行发现之前append的文本被成功移除了。

---