width(fn)

解説

マッチした全ての要素の、CSSの width プロパティを指定した関数の値に設定します。

引数

• fn
  Function: CSSの width プロパティに代入可能な文字列 もしくは 数値を返す関数
  このコールバック関数には、要素のインデックスと、現在の width プロパティの内容が渡されます。
  

  function (index, width) {
      index; // 要素のインデックス
      width; // 現在の width プロパティの内容
  
      // 新しい width プロパティの値を返す
      return newWidth;
  }
  

戻り値

• jQuery: jQueryオブジェクト

関連

• width()
• width(val)

例

例1:.box の横幅を、見つかった順番（インデックス番号+1）の整数倍の大きさに設定します。

$("#test_result .box").width(function(i, width) {
    return width * (i+1);
});

ページトップヘ

ページトップヘ