Skip to content

jQueryでテーブルの1列ごとにクラス名をつける

by haruma on 2010.07.01

テーブルの1列目のセルには「col-1」というクラス名、2列目には「col-2」というように列ごとにセルにクラス名をつけることはあると思いますが面倒です。

この面倒をjQueryで解決します。

$(function() {
  $("td:nth-child(1)").addClass("col-1");
  $("td:nth-child(2)").addClass("col-2");
  $("td:nth-child(3)").addClass("col-3");
});

これで1列目のセルにcol-1、2列目のセルにcol-2、3列目のセルにcol-3とクラス名がつきます。

From → jQuery

Comments are closed.