代码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery3.js"></script></head><body> 序号：<input id="i1" type="text"> <input id="i2" type="button" value="提交"> <input id="i3" type="button" value="删除"> <ul id="ul"> <li>1</li> <li>2</li> <li>3</li> </ul> <script> $("#i2").click(function () { var content = $("#i1").val() var temp = "<li>"+content+"</li>" //往最后加 //$('#ul').append(temp) //往最前加 $("#ul").prepend(temp) }) $("#i3").click(function () { var index = $("#i1").val() //删除查找到的标签 $('#ul').children().eq(index).remove() //清空查找到的标签内容 $('#ul').children().eq(index).empty() }) </script></body></html>展示：