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

下面是源码

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

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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-07-16

需要准备的材料分别有:电脑、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、此时再运行,发现删除成功。

本回答被网友采纳
第2个回答  2013-10-30

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

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

给删除按钮增加个事件

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

追问

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

追答

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

第3个回答  2013-10-30

楼主在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();

本回答被网友采纳
第4个回答  推荐于2017-10-08
$("#id“).empty()或者用$("#id").remove()都可以

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网