js 删除append标签添加的元素
2016-02-23 17:13
543 查看
问题情境:通过append添加的元素(标签),每次执行这个js方法时,就会再次拼接,所以要进行判断,如果存在便删除。
这个问题本身并不复杂,但是我在写的时候脑袋短路了,$("#id") 我没有写#号(还是写的少的原因吧),结果以为直接通过if($("#id") )判断是否存在不可行,于是便绕道而行,但虽费劲周折却也学到了很多知识,下面整理一下。
1,为了方便删除append添加的元素,应把要拼接的标签定义成一个jQuery对象,这样方便以后删除,其实也可以通过给标签添加id来删除。
代码:
1) var aa = 'test string';
alert(typeof aa); // 'string'
alert(typeof 90); // 'number'
2)
if(typeof $("#myLable").html() != "undefined") {
// $lable.remove();
$("#myLable").remove();
}
3,bootstrap模态框关闭执行事件的方法
代码://模态框关闭时触发的事件
$(function () { $('#processModal').on('hidden.bs.modal', function () {
$("#myLable").remove();
$("#myDiv").remove();
})
}); */
4,这是三天之后增加的,因为涉及到appen的问题,所以把它放到这篇文章里
1)append为表格拼接行,直接在tbody上增加一个id属性,然后通过jQuery得到这个tbody的jQuery对象,然后直接拼接自己的行就可以,代码如下
table部分:
<table class="table table-condensed table-hover table-bordered " style="width: 80%;margin-left:100px;" >
<thead style="padding-left :50px">
<tr>
<th>附件标题</th>
<th>相关操作</th>
</tr>
</thead>
<tbody id="attachmentTable">
</tbody>
</table>
js部分:
//拼接已上传附件
var str = "";
str += "<tr id='"+data.attachment.id+"'><td>"+data.attachment.title+"</td><td>";
//拼接删除按钮
str += "<button class='btn btn-danger btn-xs' onclick='att_del('"+data.attachment.id+"');'><i class='fa fa-minus'></i> 删除附件</button>";
str += "</td></tr>";
$("#attachmentTable").append(str); 其中我给每一行的id属性设置为每个附件自己在数据库的id,这样到后面想删除的时候,可以根据id直接删除了,如下
$("#"+attId).remove();
如果您有更好的方法也不要忘记写出来。
这个问题本身并不复杂,但是我在写的时候脑袋短路了,$("#id") 我没有写#号(还是写的少的原因吧),结果以为直接通过if($("#id") )判断是否存在不可行,于是便绕道而行,但虽费劲周折却也学到了很多知识,下面整理一下。
1,为了方便删除append添加的元素,应把要拼接的标签定义成一个jQuery对象,这样方便以后删除,其实也可以通过给标签添加id来删除。
代码:
1) var aa = 'test string';
alert(typeof aa); // 'string'
alert(typeof 90); // 'number'
2)
if(typeof $("#myLable").html() != "undefined") {
// $lable.remove();
$("#myLable").remove();
}
3,bootstrap模态框关闭执行事件的方法
代码://模态框关闭时触发的事件
$(function () { $('#processModal').on('hidden.bs.modal', function () {
$("#myLable").remove();
$("#myDiv").remove();
})
}); */
4,这是三天之后增加的,因为涉及到appen的问题,所以把它放到这篇文章里
1)append为表格拼接行,直接在tbody上增加一个id属性,然后通过jQuery得到这个tbody的jQuery对象,然后直接拼接自己的行就可以,代码如下
table部分:
<table class="table table-condensed table-hover table-bordered " style="width: 80%;margin-left:100px;" >
<thead style="padding-left :50px">
<tr>
<th>附件标题</th>
<th>相关操作</th>
</tr>
</thead>
<tbody id="attachmentTable">
</tbody>
</table>
js部分:
//拼接已上传附件
var str = "";
str += "<tr id='"+data.attachment.id+"'><td>"+data.attachment.title+"</td><td>";
//拼接删除按钮
str += "<button class='btn btn-danger btn-xs' onclick='att_del('"+data.attachment.id+"');'><i class='fa fa-minus'></i> 删除附件</button>";
str += "</td></tr>";
$("#attachmentTable").append(str); 其中我给每一行的id属性设置为每个附件自己在数据库的id,这样到后面想删除的时候,可以根据id直接删除了,如下
$("#"+attId).remove();
如果您有更好的方法也不要忘记写出来。
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式
- 数组方法汇总