Question

关于jquery怎么实现删除 append（）添加后的文本

下面是源码

我想知道怎么可以点击delete按钮删除add按钮添加的文本。 js文件应该怎么写





Answer 1

需要准备的材料分别有：电脑、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的文本被成功移除了。

Answer 2

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

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

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

$('body').append('<span>789</span>');

3、浏览器运行index.html页面，发现789文本被新增成功。

4、<script>标签，新增jquery代码：

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

5、此时再运行，发现删除成功。

Answer 3

添加的时候给p标签加个id

$('#stuff').append('<p id="newP">' + $('#someTex')....')

给删除按钮增加个事件

$('#delete').click(function(){
   var newP = $('#newP');
   if(newP.length > 0){
      newP.remove();    
   } 
});

追问

是这样添加么  我是初学者   不是很懂   忘理解    。谢谢

追答

你是不是在另外一个地方又问了，我已经给了你新代码了

Answer 4

楼主在append中加了标签，所以写个简短的代码。

:last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。

$("#stuff :last-child").remove();

 下面这个也可以实现 :last 选择器选取最后一个元素。

$("#stuff p:last").remove();

$("#stuff p:last-child").remove();

这个也可以做到.... 挑一个吧

//$("#test :last-child").remove();
//$("#test p:last-child").remove();
//$("#test p:last").remove();
//$("#test :last").remove();

Answer 5

$("#id“).empty()或者用$("#id"）.remove()都可以