jQuery変数を使用してプロパティ値を入力

Question

このCSS jQueryコードのプロパティ値を入力する変数を使用しようとしています。下の例では、配列を使用して入力しようとしていますが、エラーが発生しています。私は "トップ"が "ボトム"に等しい配列として使用せずにこれを試みましたが、まだ何もありません。

var tops = [ '"top"', '"bottom"' ]; 
$(div).css({ tops[1] : 5 }); 

Answer 1

オブジェクトのリテラルキーとして式を使用することはできません。あなたはjQueryのcss()方法の特異セッターを使用する必要があります。

var tops = [ 'top', 'bottom' ]; // note only a single set of quotes around the values 
$(div).css(tops[1], 5); 

これもdiv変数がDOMElementのを保持していると仮定しています。 DOM内のすべてのdiv要素を選択する場合は、文字列セレクタ：$('div')を使用します。