前沿拓展：

添加刪除程序

開始來自-運行 輸入REGEDIT 打開注冊表
找到以下位置
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Uninstall
刪除相關(guān)鍵值即可
這樣程序能正常運行
但添加刪除程序中看不到

代碼沒有特殊需求,第一列使用bootstrap的符號。

刪除：class為delectitem

添加：class為plusitem

<section style="width:100%;overflow:hidden;overflow-x:auto;">

<table border="1" cellpadding="0" cellspacing="0" style="border:1px solid #d0d0d0;">

<tr>

<td align="center" bgcolor="#EFEFEF" style="width:4em;height:2em;border:1px solid #d0d0d0;"></td>

<td align="center" bgcolor="#EFEFEF" style="width:4em;height:2em;border:1px solid #d0d0d0;">序號</td>

<td align="center" bgcolor="#EFEFEF" style="width:4em;height:2em;border:1px solid #d0d0d0;">標題</td>

</tr>

<tr>

<td align="center" bgcolor="#EFEFEF" style="width:4em;border:1px solid #d0d0d0;"><i class="delectitem bi bi-trash" style="color:red;" data-toggle="tooltip" title="刪除"></i><i class="plusitem bi bi-plus-square" style="padding-left:1em;color:blue;" data-toggle="tooltip" title="增加一行"></i></td>

<td align="center" bgcolor="#EFEFEF" style="width:4em;height:2em;border:1px solid #d0d0d0;">1</td>

<td align="center" bgcolor="#EFEFEF" style="width:4em;height:2em;border:1px solid #d0d0d0;">內(nèi)容</td>

</tr>

<tr>

<td align="center" bgcolor="#EFEFEF" style="width:4em;border:1px solid #d0d0d0;"><i class="delectitem bi bi-trash" style="color:red;" data-toggle="tooltip" title="刪除"></i><i class="plusitem bi bi-plus-square" style="padding-left:1em;color:blue;" data-toggle="tooltip" title="增加一行"></i></td>

<td align="center" bgcolor="#EFEFEF" style="width:4em;height:2em;border:1px solid #d0d0d0;">2</td>

<td align="center" bgcolor="#EFEFEF" style="width:4em;height:2em;border:1px solid #d0d0d0;">內(nèi)容</td>

</tr>

</table>

</section>

<script>

//添加行

function AddRow() {

// 被點擊的目標標簽tagName 如INPUT DIV

var clicktagname = $(event.target).get(0).tagName;

//獲取點擊對象

var clickedNode = event.target;

var $table = $(clickedNode).closest("section").find("table:first");

var tableId = $table.attr("id");

//var $table=$("#"+tableId);

var numRows = $table.find("tr").length; //行數(shù)

if(numRows > 20) { //數(shù)據(jù)行最多10行 共11行

mscAlert("別再加了！");

return false;

} else {

numRows = $table.find("tr").length;

$("#" + tableId + " tr:last").clone(false).insertBefore("#" + tableId + " tr:eq(1)");

}

for(var i = 1; i < numRows + 1; i++) { //第二列序號

$('#' + tableId + ' tr:eq(' + i + ') td:eq(1)').text(i);

}

}

//產(chǎn)生隨機標識符 前面以四個字母開頭長度為n1+n2的字符串

function getUuid() {

var s = [];

var s1 = [];

var hexDigits1 = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";

var hexDigits1length = hexDigits1.length;

var hexDigits2 = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";

var hexDigits2length = hexDigits2.length;

var n1 = 4; //隨機前端字母字符串長度

var n2 = 32; //隨機后端數(shù)字字母字符串長度

for(var i = 0; i < n1; i++) {

s[i] = hexDigits1.substr(Math.floor(Math.random() * (hexDigits1length – 1)), 1);

}

for(var i = 0; i < n2; i++) {

s1[i] = hexDigits2.substr(Math.floor(Math.random() * (hexDigits2length – 1)), 1);

}

////數(shù)組合并 a.push.apply(a,b);//將b合并到a中

s.push.apply(s, s1); //將s1合并到s中

//第3個位置插入-

s[2] = "-";

//第4個字符之后插入最多3個-

for(var i = 0; i < 3; i++) {

s[Math.floor(Math.random() * (n1 + n2 – 5)) + 4] = "-";

}

let uuid = s.join("");

return uuid;

}

</script>

<script>

$(function() {

//綁定刪除表格條目

$("table").delegate(".delectitem", "click", function() {

var numRows = $(this).closest("table").find("tr").length; //行數(shù)

var tableId = $(this).closest("table").attr("id");

var objdel=$(this).closest("tr");

if(numRows == 2) {

//mscAlert("不能再刪了！");

} else {

//mscConfirm("Delete", "你確定刪除該行數(shù)據(jù)嗎?", function(){

//objdel.remove();

//});

/*}*/

if(confirm("確定要刪除嗎？")){

objdel.remove();

for(var i = 1; i < numRows + 1; i++) { //第二列序號

$('#' + tableId + ' tr:eq(' + i + ') td:eq(1)').text(i);

}

}

}

});

//表格添加行

$("table").delegate(".plusitem", "click", function() {

//獲取表格ID 如果沒有動態(tài)給表格添加ID

var thisID = $(this).closest("table").attr("id");

if(typeof thisID !== typeof undefined) {

var ID = thisID;

} else {

ID = getUuid(); //ID 必須以字母開頭

$(this).closest("table").attr("id", ID);

}

//添加行

AddRow();

});

});

</script>

拓展知識：