jquery 在某元素插入节点

[javascript]代码库

var $li_1 = $("<li title='香蕉'>香蕉</li>"); //  创建第一个<li>元素
var $li_2 = $("<li title='雪梨'>雪梨</li>"); //  创建第二个<li>元素
var $li_3 = $("<li title='其它'>其它</li>"); //  创建第三个<li>元素


var $parent = $("ul"); // 获取<ul>节点，即<li>的父节点
var $two_li = $("ul li:eq(1)"); //  获取<ul>节点中第二个<li>元素节点

$parent.append($li_1); //  append方法将创建的第一个<li>元素添加到父元素的最后面
$parent.prepend($li_2); //  prepend方法将创建的第二个<li>元素添加到父元素里的最前面
$li_3.insertAfter($two_li); //  insertAfter方法将创建的第三个<li>元素元素插入到获取的<li>之后