下面是源码
我想知道怎么可以点击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的文本被成功移除了。
需要准备的材料分别有:电脑、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、此时再运行,发现删除成功。
本回答被网友采纳添加的时候给p标签加个id
$('#stuff').append('<p id="newP">' + $('#someTex')....')给删除按钮增加个事件
$('#delete').click(function(){var newP = $('#newP');
if(newP.length > 0){
newP.remove();
}
});追问
是这样添加么 我是初学者 不是很懂 忘理解 。谢谢
你是不是在另外一个地方又问了,我已经给了你新代码了
楼主在append中加了标签,所以写个简短的代码。
:last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。
$("#stuff :last-child").remove();下面这个也可以实现 :last 选择器选取最后一个元素。
$("#stuff p:last").remove();这个也可以做到.... 挑一个吧
//$("#test p:last-child").remove();
//$("#test p:last").remove();
//$("#test :last").remove();本回答被网友采纳