jQuery 之 文檔操作
阿新 • • 發佈：2019-04-04
val con doctype mark fun NPU doc https alt 代碼
<!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>
展示：
jQuery 之 文檔操作