删除<table>中有<td>等于某值的行

本文介绍了一种使用JQuery的方法来遍历表格中的每一行,并检查第二列的序列号(SN),若发现重复则删除该行,从而实现去除重复项的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 JQuery方法
    function EliminateDuplication(SN) {
        $("#ScanData").find("tr").each(function () {//循环遍历每一行
            var SNTemp = $(this).find("td").eq(1).html()//取得一行中第二个td的值
            alert(SNTemp +"   "+SN)
            if (SNTemp == SN) { //如果SN号与<td>中的值相等
                $(this).find("td").parent().remove(); //删除td所在行
            }
            
        })
    }
 
<style> table { border-collapse: collapse; } td, th { border: 1.5px solid black; padding: 5px; } table img { max-width: 150px; height: auto; } //图片大小调整 .popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; } .popup img { max-width: 100%; max-height: 100%; cursor: zoom-out; }//放大图片设置 </style> </head> <body> <div> <button onclick="addRow()">新增一</button> <button onclick="addColumn()">添加一列</button> <button onclick="deleteRow()">删除</button> <button onclick="deleteColumn()">删除列</button> <button onclick="changeSize()">调整大小</button> <div> <div id="popup" class="popup"> <img id="popupImg"> </div> <div id="popup" class="popup" style="display: none;"> <img id="popupImg"> </div> <table id="myTable"> <thead> <tr> <td style="width: 50px;" contenteditable="true"><input type="text" oninput="filterTable(0)" placeholder="工艺膜层"></td> <td contenteditable="true"><input type="text" oninput="filterTable(1)" placeholder="AOI Step"></td> <td contenteditable="true"><input type="text" oninput="filterTable(2)" placeholder="不良类型"></td> <td contenteditable="true"><input type="text" oninput="filterTable(3)" placeholder="Layer(Code)"></td> <td contenteditable="true"><input type="text" oninput="filterTable(4)" placeholder="Type"></td> <td contenteditable="true"><input type="text" oninput="filterTable(5)" placeholder="Dpet"></td> <td contenteditable="true"><input type="text" oninput="filterTable(6)" placeholder="Subcode"></td> <td contenteditable="true">Code描述</td> <td contenteditable="true">Image1</td> <td contenteditable="true">Image2</td> <td contenteditable="true">Image3</td> <td contenteditable="true">Image4</td> <td contenteditable="true">Image5</td> <td contenteditable="true">Image6</td> <td contenteditable="true">判定细则</td> </tr> </thead> <tbody> <tr> <td contenteditable="true">ACT</td> <td contenteditable="true">Particle</td> <td contenteditable="true">ACT</td> <td contenteditable="true">Particle</td> <td contenteditable="true">ACT</td> <td contenteditable="true">Particle</td> <td contenteditable="true">ACT</td> <td contenteditable="true">Particle</td> <td> <input type="file" onchange="previewImage(this)" onclick="showPopup(this.src)"style="width: 100px; height: auto;" > </td> <td> <input type="file" onchange="previewImage(this)"onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" onchange="previewImage(this)" onclick="showPopup(this.src)"style="width: 100px; height: auto;"> </td> <td> <input type="file" onchange="previewImage(this)" onclick="showPopup(this.src)"style="width: 100px; height: auto;"> </td> <td> <input type="file" onchange="previewImage(this)" onclick="showPopup(this.src)"style="width: 100px; height: auto;"> </td> <td> <input type="file" onchange="previewImage(this)"onclick="showPopup(this.src)"style="width: 100px; height: auto;"> </td> <td contenteditable="true">Particle</td> </tr> </tbody> </table>我需要指定某列的宽度,需要怎么设置
07-12