addClass(fn)

解説

要素のクラス属性に、指定した関数が返す CSS クラスを追加します。

複数のクラスを指定する場合は、クラス名をスペースで区切り指定します。

引数

• fn
  Function: 設定するクラス文字列を返す関数
  このコールバック関数には、要素のインデックスと、現在のクラスの内容が渡されます。
  

  function (index, class) {
      index; // 要素のインデックス
      class;  // 現在のクラスの内容
  
      // 追加するクラスの内容を返す
      return addClass;
  }
  

戻り値

• jQuery: jQueryオブジェクト

関連

• addClass(class)

例

// CSS
.emphasis {
    font-size: 120%;
    font-weight: bold;
}

.emphasis_most {
    font-size: 150%;
    font-weight: bold;
    font-color: #00ff00;
}

.underline {
    text-decoration: underline;
}

マッチした要素の class属性に "emphasis" を追加します。

$("span", "#test_result").addClass(function(i, class) {
    return "emphasis";
});

マッチした要素の class属性に "emphasis_most" と "underline" を追加します。

$("span", "#test_result").addClass(function(i, class) {
    return "emphasis_most underline";
});

ページトップヘ

ページトップヘ