jQuery可以幫助我們在網頁中輕松地選中、操作表格中的單元格(td)。下面的代碼演示了如何選中一個表格的某個單元格,并給它添加一個類名。
$(document).ready(function(){ // 選中第3行第2列的單元格,并添加類名 $("table tr:eq(2) td:eq(1)").addClass("highlight"); });
上面的代碼中,我們使用了jQuery的選擇器語法。$表示選中一個元素,后面跟著括號中的選擇器表達式。選中表格中的單元格可以使用$("table td")
,但我們的目標是選中第3行第2列的單元格。這時我們可以使用:eq()
選擇器來定位單元格的位置。
$("table tr:eq(2) td:eq(1)")
表示選中表格中第3行第2列的單元格。其中,:eq(2)
表示選中第3行,因為索引從0開始。:eq(1)
表示選中第2列,同樣也是從0開始計數。
最后,我們使用.addClass()
方法給選中的單元格添加一個類名,這可以讓我們輕松地對這個單元格進行樣式控制。
上一篇css底部圓角怎么寫
下一篇css應用到axure