removeClass(fn)

解説

要素のクラスから、指定した関数が返す CSS クラスを除去します。

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

引数

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

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

戻り値

• jQuery: jQueryオブジェクト

関連

• removeClass(class)

例

// CSS
.emphasis {
    font-size: 120%;
    font-weight: bold;
    color: #30aa30;
}

.emphasis_most {
    font-size: 150%;
}

.underline {
    text-decoration: underline;
}

例1:マッチした要素の class属性から "emphasis" を除去します。

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

例2:マッチした要素の class属性から "emphasis_most" と "underline" を除去します。

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

例3:マッチした要素の class属性の内容を全て削除します。

$("span", "#test_result").removeClass(function(i, class) {
    // not return value.
});

戻り値に注意

このメソッドが戻り値を返さない場合は、マッチした要素に設定されている class 属性の全ての内容が除去されます。

戻り値による動作は次の通りです。(version 1.4.2)

値	動作
1文字以上の文字列	class 属性に設定されている場合、除去
空文字列	何もしない
true	何もしない
false	何もしない
undefined	class 属性の全ての内容を除去
戻り値なし	class 属性の全ての内容を除去

ページトップヘ

ページトップヘ