Jul
23
2013
jquery当前节点之前插入节点
作者:
绝缘体.. 发布:
2013-07-23 12:00 分类:
未分类 阅读:
抢沙发
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);
});
微信扫一扫,打赏作者吧~