在使用jQuery中,經常會遇到需要在表格中指定行數的元素的需求。比如要給表格中的第二行添加一個類名或者樣式,就需要先找到這個行元素。
//獲取表格中第二行的tr元素 var secondRow = $('table tr:eq(1)');
上面的代碼將會獲取到表格中第二行的tr元素,因為jQuery是從0開始計數的,所以:eq(1)表示取第二個元素(第一個是:eq(0))。
類似的,如果要選中表格中的前三行:
//獲取表格中前三行的tr元素 var rows = $('table tr:lt(3)');
上面的代碼通過使用:lt(3)來選中表格中的前三行,其中lt表示“小于”(less than),所以:lt(3)表示取索引小于3的元素。
如果想要選中表格中的偶數行(不包含第一行),可以使用如下代碼:
//獲取表格中偶數行的tr元素 var evenRows = $('table tr:even:gt(0)');
上面的代碼中,使用了兩個過濾器:even表示選中偶數行,gt(0)表示排除第一行。
總之,在jQuery中選中表格中的指定行數元素,可以使用:eq、:lt、:even等過濾器來實現。
上一篇div float無效