请教元素前后追加的问题

Question

if (item.avatarImage) {
var avatar = jQuery('<img>');
avatar.attr('class', 'rc-avatar rc-' + this.param.avatarPosition);
avatar.attr('width', this.param.avatarSize);
avatar.attr('height', this.param.avatarSize);
avatar.attr('alt', '');
avatar.attr('src', item.avatarImage);
avatar.insertBefore(itemInfo1);
//avatar2.before(itemInfo1);
}如何在img前后追加个<li></li>呢？谢谢。

Answer 1

$("img").append("<li><li/>")  后面追加
$("img").insertBefore("<li><li/>"); 第一个

Answer 2

感谢chen_ya_ping回答，可能我表达的不太清楚，我是想在<img src="asdfasdf">前面追加一个<li>，后面加一个</li>，如这样：
<li><img src="asdfasdf"></li>
谢谢

Answer 3

$("img").wrap('<li></li>')

Answer 4

var img=document.images[0];
var p=img.parentNode;
var ul=document.createElement("ul");
var li=document.createElement("li");
ul.appendChild(li);
p.insertBefore(ul,img);
ul.appendChild(img);
这样试试

Answer 5

jquery有四个方法，before,after,append,prepend

Answer 6

avatar.after($('<li/>').append(avatar.clone(true))).remove();//原理是将原来对象拷贝出来到li,然后替换原来的img