首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

JavaScript 獲取表格行中編號欄位值並判斷是否小於零

     編輯:程式設計綜合問答

問題場景

頁面上有一個表格,需要獲取每行第一列「編號」欄位的值,判斷其是否小於 0,若小於 0 則提示並重新查詢。

實現思路

可通過以下方式獲取編號值:

  1. 使用 document.querySelectorAll 或 jQuery 選中表格行。
  2. 遍歷每行,取第一個單元格(cells[0])的文本內容。
  3. 轉換為數字後進行比較。

代碼示例

// 原生 JS
const rows = document.querySelectorAll('#dataTable tbody tr');
rows.forEach(row => {
  const idText = row.cells[0].innerText.trim();
  const idVal = Number(idText);
  if (idVal < 0) {
    alert('編號不能小於 0:' + idText);
    // 觸發重新查詢邏輯
  }
});

// jQuery 寫法
$('#dataTable tbody tr').each(function() {
  const idVal = Number($(this).find('td:first').text().trim());
  if (idVal < 0) {
    alert('編號異常:' + idVal);
  }
});

建議在數據綁定或用戶提交時統一校驗,避免重複邏輯。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved