jquery元素节点插入:在当前节点之前插入节点

发布时间:2019-08-11编辑:脚本学堂
jquery实现元素节点插入的方法,jquery如何在当前节点之前插入节点,jquery在匹配的节点之前插入节点的方法有before() insertBefore()。

jquery插入dom节点

这里重点介绍在jquery中实现在当前节点之前插入节点的方法

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

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

语法 $(selector).before(content)

例子:
 

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

例2,当前节点之前插入。
 

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

insertBefore() 方法在被选元素之前插入 HTML 标记或已有的元素。

注意:如果该方法用于已有元素,那么这些元素会被从当前位置移走,然后被添加到被选元素之前。

语法 $(content).insertBefore(selector)

例3,当前节点之前插入。
 

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