假設有一張桌子：
<table id="tblPotrawySkladniki">
<tbody>
<tr><td>banana</td><td>10</td></tr>
<tr><td>orange</td><td>20</td></tr>
<tr><td>raspberry</td><td>20</td></tr>
</tbody>
</table>
我想洗掉整行，即 cell1 = 橙色。我怎樣才能使用 jquery 做到這一點？
uj5u.com熱心網友回復：
考慮以下兩個示例。示例 1：
$(function() {
$("#tblPotrawySkladniki > tbody td").each(function(i, el) {
if ($(el).text() === "orange") {
$(el).parent().remove();
}
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="tblPotrawySkladniki">
<tbody>
<tr>
<td>banana</td>
<td>10</td>
</tr>
<tr>
<td>orange</td>
<td>20</td>
</tr>
<tr>
<td>raspberry</td>
<td>20</td>
</tr>
</tbody>
</table>第一個示例使您可以更好地控制比較或查找單元格的方式。例如，您可以使用：
$(el).text().trim().toLowerCase() === "orange"
這將有助于確保不區分大小寫的搜索。
示例 2：
$(function() {
$("#tblPotrawySkladniki > tbody td:contains('orange')").parent().remove();
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="tblPotrawySkladniki">
<tbody>
<tr>
<td>banana</td>
<td>10</td>
</tr>
<tr>
<td>orange</td>
<td>20</td>
</tr>
<tr>
<td>raspberry</td>
<td>20</td>
</tr>
</tbody>
</table>第二個示例依賴于選擇器，如果它們不完全匹配，將找不到它。它很快并且使用更少的線，但可能并不總是找到針。
這些中的每一個都將以自己的方式定位 Cell 并洗掉父 Row。查看更多：
- https://api.jquery.com/contains-selector/
- https://api.jquery.com/text/
- https://api.jquery.com/each/
uj5u.com熱心網友回復：
這是一種動態的方法。例如，在輸入框中輸入 Orange 或 Raspberry，然后單擊 Enter。
$(function() {
$("#inputSearch").on('change', function(){
var v = $(this).val();
$('#tblPotrawySkladniki tr td').filter(function() {
if ($(this).text() === v) {
return true;
}
}).parent().remove();
});
})table {
margin: 0 auto;
}
tr {
border: 1px solid black;
}
tbody {
border: 1px solid black;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="inputSearch">Search Value:</label>
<input type="text" name="inputSearch" id="inputSearch">
<table id="tblPotrawySkladniki">
<tbody>
<tr><td>banana</td><td>10</td></tr>
<tr><td>orange</td><td>20</td></tr>
<tr><td>raspberry</td><td>20</td></tr>
</tbody>
</table>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/437799.html
上一篇：C函式將檔案內容加載到字串陣列中
下一篇：如何更改帶有懸停鏈接的按鈕的背景