jquery 元素前或插入一元素

/*
*插入方法
*/
function addEditRow(obj, modelId) {

$($("#" + modelId).html()).insertAfter($(obj).parent().parent().parent())

}

触发按钮

<input type="button" onclick="addEditRow(this,‘trModelLearn‘)"  class="addJ" value="+">

插入内容

<table id="trModelLearn" style="display: none;">
<tr class="datarow">
<input type="hidden" class="leamid" value="">
<td><label><input class="form-control layer-date dates startstopdate" placeholder="开始时间" dataRequire="true" errorMessage="请选择时间!" onclick="laydate({ format: ‘YYYY-MM-DD‘})" />-<input class="form-control layer-date dates enddate" placeholder="结束时间" dataRequire="true" errorMessage="请选择时间!" onclick="laydate({ format: ‘YYYY-MM-DD‘})" /></label></td>
<td><label><input class="schoolname" type="text" dataRequire="true" errorMessage="不能为空!"/></label></td>
<td><label><input class="speciality" type="text" dataRequire="true" errorMessage="不能为空!"/></label></td>
<td><label><input class="record" type="text" dataRequire="true"/></label></td>
<td><label><input class="remark" type="text" /></label></td>
<td><input type="button" onclick="addEditRow(this,‘trModelLearn‘)" class="addJ" value="+">
<input type="button" onclick="delEditRow(this)" class="addJ" value="-">
</td>

</tr>
</table>

时间: 2024-10-10 13:09:12

jquery 元素前或插入一元素的相关文章

JS 之如何在插入元素时插在原有元素的前面而不是末尾

语法: 父级.insertBefore(新元素,被插入的元素):          //在指定的元素前面加入一个新元素 父级.insertBefore(新元素,父级.children[0]); //在第一个元素的前面插入一个元素,在IE下如果第二个参数的节点不存在,则会报错,若是其他浏览器,则会默认以appendChild的形式添加,不会报错 所以在使用时,需要另作判断:假设新元素是oLi,父元素是oUl if(oUl.children[0] ){ oUl..insertBefore(oUl.c

Jquery过滤选择器,选择前几个元素,后几个元素,内容过滤选择器等

一.基本过滤选择器(重点掌握下列八个):first 选取第一个元素 $("div:first").css("color","red");:last 选取最后一个元素 $("div:last").css("color","red");:not 除去指定的选择器外的元素 $("div:not").css("color","red")

夺命雷公狗jquery---40在元素头尾部插入元素可alert出来看

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script> $(function(){ //版定click事件 $('#btnok').bind('click',function(){ //1

从下拉菜单拖拽一个元素 出来,插入到页面中的app 列表中

1,实现功能:从下拉菜单拖拽一个元素 出来,插入到页面中的app 列表中 并实现app向后移动一个元素的位置: 2.实现思路: 01.遍历下拉菜单,添加拖拽方法,实现位置移动功能: 02.遍历app列表,将app位置存为数组,进行循环: 03.拖拽元素与当前app做碰撞检测: 04.如果鼠标在app内部,则将拖拽元素添加到当前app之后,位置设置为当前 i 的值: 参考代码如下: <!doctype html> <html lang="en"> <head

前K个高频元素

数据结构--堆 Heap是一种数据结构具有以下的特点: 1)完全二叉树: 2)heap中存储的值是偏序: Min-heap: 父节点的值小于或等于子节点的值: Max-heap: 父节点的值大于或等于子节点的值: 1.堆的存储: 一般都用数组来表示堆,i结点的父结点下标就为(i–1)/2.它的左右子结点下标分别为2 * i + 1和2 * i + 2.如第0个结点左右子结点下标分别为1和2 2.堆的操作:insert 插入一个元素:新元素被加入到heap的末尾,然后更新树以恢复堆的次序. 每次插

jQuery 选择具有特殊属性的元素

现在有这样一种需求,需要选出所有有背景图片的元素. 这个问题有点棘手.我们无法使用选择表达式来完成这个问题了. 使用jQuery的DOM过滤方法filter(),可以根据函数中表达的任何条件选择元素. jQuery中的过滤器方法允许传递一个字符串(也就是选择器表达式)作为参数. 或者传递的是一个函数.它的返回值将定义某个元素是否被选中. 传递的函数将对当前选择集中的每个元素运行. 当函数返回假时,对应的函数就从选择集中被删除掉.每当返回值为真的时候,对应的元素 不受影响. jQuery('*')

vector的应用(元素遍历、插入、删除、交换等)

这里主要是对vector容器的一些常见应用的总结.至于vector的构造函数及初始化可以参考http://blog.csdn.net/lsh_2013/article/details/21191289,这里不再赘述. 元素的遍历 用迭代器访问vector元素 #include <vector> #include <iostream> using namespace std; int main(void) { vector<int> v; v.push_back(42);

[ jquery 过滤器 nextUntil([exp|ele][,fil]) ] 此方法用于在选择器的基础之上搜索被选元素的后面的所有同级元素,方法返回 selector 与 stop 之间的每个元素之后的所有同级元素,并且提供第二个参数来用于实现过滤效果,多个参数使用逗号相隔

此方法用于在选择器的基础之上搜索被选元素的后面的所有同级元素,方法返回 selector 与 stop 之间的每个元素之后的所有同级元素,并且提供第二个参数来用于实现过滤效果,多个参数使用逗号相隔,参数解释如下: 概述: 查找当前元素之后所有的同辈元素,直到遇到匹配的那个元素为止. 如果提供的jQuery代表了一组DOM元素,.nextUntil()方法也能让我们找遍所有元素所在的DOM树,直到遇到了一个跟提供的参数匹配的元素的时候才会停下来.这个新jQuery对象里包含了下面所有找到的同辈元素

Jquery 系列(2) 选择元素

Jquery基础学习 jQuery利用css选择符的能力,能够在DOM中快捷而轻松地获取元素. 主要内容如下: 介绍DOM树 如何通过CSS选择符在页中查找元素 扩展jQuery标准的CSS选择符 选择页面元素更灵活的DOM遍历方法 理解DOM树 DOM(Document Object Model)文档对象模型,可以充当JavaScript和网页之间的接口.jQuery最强大的功能就是能轻松的处理和简化在DOM中选择元素.DOM中各元素的关系,同数据结构中的二叉树的称呼非常相近.元素之间的关系包