首頁猿問如何根據(jù)每個 ID 的...

如何根據(jù)每個 ID 的 jquery 計數(shù)阻止用戶刪除表中的所有 tr？

PHP

qq_笑_17 2022-01-08 20:12:39

我有一個顯示數(shù)據(jù)列表的表格。用戶可以動態(tài)刪除行。我也有 jquery 來幫助我計算每個 unqiue trip id 的出現(xiàn)次數(shù)。我想阻止用戶刪除鏈接到特定行程 ID 的所有行。例如，如果用戶刪除trip id 35KH1 行直到它保持為1，我wan jquery 來停止從beeing 進行的刪除。我怎樣才能做到這一點？我的數(shù)據(jù)表的圖像和一個顯示每個唯一 ID 出現(xiàn)次數(shù)的彈出框下面是我的表格代碼（示例）：<table id="timelist"> <tr> <th>Trip ID</th> <th>Delete</th> </tr> <tbody> <tr> <td>35KH1</td> <td><a href='#' class='deleterow'>Delete Row</a></td> </tr> <tr> <td>35KH1</td> <td><a href='#' class='deleterow'>Delete Row</a></td> </tr> <tr> <td>35KH1</td> <td><a href='#' class='deleterow'>Delete Row</a></td> </tr> <tr> <td>35KH1</td> <td><a href='#' class='deleterow'>Delete Row</a></td> </tr> <tr> <td>35KH1</td> <td><a href='#' class='deleterow'>Delete Row</a></td> </tr> <tr> <td>35KH1</td> <td><a href='#' class='deleterow'>Delete Row</a></td> </tr> <tr> <td>35KH2</td> <td><a href='#' class='deleterow'>Delete Row</a></td> </tr> <tr> <td>35KH2</td> <td><a href='#' class='deleterow'>Delete Row</a></td> </tr> <tr> <td>35KH3</td> <td><a href='#' class='deleterow'>Delete Row</a></td> </tr> <tr> <td>35KH3</td> <td><a href='#' class='deleterow'>Delete Row</a></td> </tr> </tbody></table>這是我的jQuery代碼：/********count number of occurence per unqiue ID***********/function count(){ var tripids = {}; $('#timelist tr td:nth-child(1)').each(function(r, val){ var tripid = $(this).text(); if(tripid in tripids){ tripids[tripid] = tripids[tripid] + 1; }else{ tripids[tripid] = 1; } });

查看完整描述

2 回答

jeck貓

TA貢獻1909條經(jīng)驗獲得超7個贊

將<td>每個的第一個值<tr>作為相同的類，<tr>然后修改刪除代碼，如下所示：-

$(document).on('click', '.deleterow', function() {

var classofRow = $(this).closest('tr').attr('class');

var rowlength = $('table').find('.'+classofRow).length;

if(rowlength > 1){

$(this).closest('tr').remove();

}else{

alert("can't remove single record for "+classofRow);

}

});

<tr>

<th>Delete</th>

</tr>

<tbody>