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

jQuery 獲取 TR 下第 N 個 TD 子節點:eq() 選擇器用法

     編輯:程式設計綜合問答

需求

已獲取 <tr> 元素,需取其下第 2、3 個 <td> (索引 1、2)。

正確選擇器

// 在 tr 上下文中查找
var $td2 = $tr.find('td:eq(1)'); // 第 2 個 (索引 1)
var $td3 = $tr.find('td:eq(2)'); // 第 3 個 (索引 2)

// 或直接用選擇器 (若 tr 有 id)
$('#rowId td:eq(1)');
$('#rowId td:eq(2)');

常見誤區

原回答 $("tr:eq(2)") 選的是「頁面上第 3 個 tr 元素」,而非某 tr 內的第 3 個 td。

補充:獲取所有 td 後按索引取值

var tds = $tr.find('td'); // jQuery 對象數組
var second = tds.eq(1).text();
var third = tds.eq(2).html();

原生 JS 替代

var secondTd = tr.cells[1]; // HTMLCollection 直接索引
var thirdTd = tr.cells[2];
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved