jquery当前节点之前插入节点

 
更多

jquery插入dom节点的方法很多,这里主要说下在jquery中实现在当前节点之前插入节点的方法。

jquery中在匹配的节点之前插入节点的方法有before() insertBefore()两个。

before() 方法在被选元素前插入指定的内容。

语法 $(selector).before(content)

使用示例如下:

$('.insert').click(function(){
	var str='<div>插入内容</div>';
	$('#phpernote').before(str);
});

当前节点之前插入的示例:

$('button').click(function(){
	var str='<div>插入内容</div>';
	$(this).before(str);
});

insertBefore() 方法在被选元素之前插入 HTML 标记或已有的元素。注意:如果该方法用于已有元素,那么这些元素会被从当前位置移走,然后被添加到被选元素之前。

语法 $(content).insertBefore(selector)

当前节点之前插入的示例:

$('button').click(function(){
	var str='<div>插入内容</div>';
	$(str).insertBefore(this);
});
打赏

本文固定链接: https://www.cxy163.net/archives/3946 | 绝缘体

该日志由 绝缘体.. 于 2013年07月23日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: jquery当前节点之前插入节点 | 绝缘体
关键字: , , , ,

jquery当前节点之前插入节点:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter