HTML代码:
<body>
<p title="请选择喜欢的水果">水果列表 </p>
<ul>
<li title="苹果">苹果</li>
<li title="橘子">橘子</li>
<li title="西瓜121">西瓜</li>
</ul>
</body>
jQuery代码:
<script type="text/javascript">
$(function () {
var $li_1 = ("<li title='香蕉'>香蕉</li>");
var $li_2 = ("<li title='榴莲'>榴莲</li>");
var $li_3 = ("<li title='甜瓜'>甜瓜</li>");
var two = $("li:eq(1)");
//按顺序添加元素
$("ul").append($li_1);
//向所有匹配元素内部的开始处插入内容
$("ul").prepend($li_2);
//将新元素插入到旧元素的后面(橘子的后面)
$($li_3).insertAfter(two);
});
</script>