การคัดลอกรหัสมีดังนี้:
<html>
<head>
<script src = "http://code.jquery.com/jquery-1.11.0.min.js"> </script>
<script>
// สร้างองค์ประกอบ HTML
ฟังก์ชั่น $ c (tagname) {
ส่งคืนเอกสารการสร้าง (tagname);
-
// สิ่งที่จะดำเนินการหลังจากโหลดเอกสาร
$ (เอกสาร) .ready (function () {
// เชื่อมโยงเหตุการณ์คลิกที่ปุ่มเพิ่มแถว
$ ("#addrow"). bind ("คลิก", function () {
// รับตาราง
var tab = $ ("#tab");
// สร้างองค์ประกอบ TR
var tr = $ c ("tr");
// ผนวกองค์ประกอบ TR เข้าสู่ตาราง
tab.append (tr);
// สร้างองค์ประกอบ TD
var td1 = $ c ("td");
// เนื้อหาขององค์ประกอบ TD
td1.innerhtml = "insert1";
// ผนวกองค์ประกอบ TD กับ TR ที่เพิ่มขึ้นใหม่
Tr.AppendChild (TD1);
var td2 = $ c ("td");
td2.innerhtml = "insert2";
Tr.AppendChild (TD2);
-
// ผูกเหตุการณ์คลิกของปุ่ม DELETE ROW
$ ("#deletero"). bind ("คลิก", function () {
// รับบรรทัดแรกของตาราง
var tab = $ ("#tab tr: eq (0)");
// ลบบรรทัดนี้
tab.remove ();
-
-
</script>
</head>
<body>
<table border = '1' id = "tab">
<tr>
<TD> 123 </td>
<TD> 456 </td>
</tr>
</table>
</br>
<button id = "addrow"> เพิ่มแถว </button>
<button id = "deletero"> ลบแถว </button>
</body>
</html>