Replymessage unavailable
برای پیدا کردن و حذف یک سطر از جدول در HTML با جاوااسکریپت، میتوانید از کد زیر استفاده کنید. این کد به شما کمک میکند تا سطری را که حاوی یک عبارت خاص است، پیدا کرده و آن را حذف کنید:
فرض کنید عبارت خاص ما "SpecialText" است و میخواهیم سطر حاوی این عبارت را حذف کنیم.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Table Row Removal</title>
</head>
<body>
<table id="myTable">
<tr><td>Row 1</td></tr>
<tr><td>SpecialText</td></tr>
<tr><td>Row 3</td></tr>
</table>
<script>
function removeRowByText(tableId, text) {
const table = document.getElementById(tableId);
const rows = table.getElementsByTagName('tr');
for (let i = 0; i < rows.length; i++) {
const cells = rows[i].getElementsByTagName('td');
for (let j = 0; j < cells.length; j++) {
if (cells[j].textContent.includes(text)) {
table.deleteRow(i);
return; // حذف اولین سطر حاوی عبارت
}
}
}
}
// حذف سطر حاوی "SpecialText"
removeRowByText('myTable', 'SpecialText');
</script>
</body>
</html>
در این کد:
1. تابع removeRowByText یک جدول با شناسه مشخص (tableId) و یک عبارت خاص (text) را دریافت میکند.
2. تمام سطرهای جدول را پیمایش میکند و اگر سطری شامل عبارت خاص باشد، آن سطر را حذف میکند.
3. تابع پس از یافتن و حذف اولین سطر حاوی عبارت خاص، متوقف میشود.