で複数のCSSプロパティを取得しますか? 解決策はありますか?は、私はあなたがそうのような複数のCSSプロパティを設定することができます知っているjQueryの
答えて
あなたがこれを行うために、独自のjQuery関数を作成することができます:ここで
//create a jQuery function named `cssGet`
$.fn.cssGet = function (propertyArray) {
//create an output variable and limit this function to finding info for only the first element passed into the function
var output = {},
self = this.eq(0);
//iterate through the properties passed into the function and add them to the output variable
for (var i = 0, len = propertyArray.length; i < len; i++) {
output[propertyArray[i]] = this.css(propertyArray[i]);
}
return output;
};
はデモです:http://jsfiddle.net/6qfQx/1/(出力を見るためにあなたのコンソールログを確認してください)
この機能は必要ですルックアップするCSSプロパティを含む配列が渡されます。このため使用法のようなものになります:(1.9のような)
var elementProperties = $('#my-element').cssGet(['color', 'paddingTop', 'paddingLeft']);
console.log(elementProperties.color);//this will output the `color` CSS property for the selected element
ええ、私は同じことをやったでしょう。私はちょうどあなたが単一のプロパティを設定したり、複数のプロパティを設定することができるので、これがまだ組み込まれていないのかどうか疑問に思いました。私は自動的にあなたが単一のプロパティを取得し、複数のプロパティを取得することもできると仮定しています(配列を.css()に渡すことになります)が、単にそれらを忘れてしまったようです。 –
最も簡単な方法は? jQueryを削除します。
var e = document.getElementById('element');
var css = e.currentStyle || getComputedStyle(e);
// now access things like css.color, css.backgroundImage, etc.
jQueryのCSSのメソッド、プロパティの文字列の配列を渡すことができ、それは、キー/値のペアを持つオブジェクトを返しますと言います。
例:
$(elem).css([ 'property1', 'property2', 'property3' ]);
また、FWIWメソッドは '.css()'を複数回呼び出すよりも高速です...誰が考えましたか? ;)[jsperf](http://jsperf.com/jquery-multiple-css-get) – lakenen
@lakenen [所有](http://jsperf.com/jquery-dom-get-multiple-css)あなたの結果: ) – peipst9lker
@ peipst9lker、もちろんプレーンJSはjQueryより高速です!しかし、ブラウザのサポート(currentStyleとgetComputedStyle)をハックする必要があります。トレードオフ... – lakenen
- 1. 私はあなたがこのような通常のテキストを得ることができることを知っているのEditTextからテキスト(その数)
- 2. CSS値は、私はそれはあなたがCSS <code>content</code>を設定できるのと同じように属性HTML5の<code>data-</code>を使用して、CSS値を設定することができますどのような方法があるかどうかを知りたい
- 3. どのように私はあなたがこのようにそれを行うことができます
- 4. 私は特定のエンティティのコレクションを持っている場合、私はそうのようなエンティティのプロパティを取得することができるよ
- 5. CSS - あなたは何が起こっているのを見ることができるように、私はバイオリンを設定したテキスト入力
- 6. データは、あなたが見ることができるように、私はこのクラスを持っている
- 7. "ConnectionStringプロパティは無効です。"私がそれが有効であることを知っているとき
- 8. VueJSは、私は私はこのようなコンポーネントの親と通信することができます知っているV-ため、サプライ指標と引数
- 9. MySQLは、私はそれが私のテーブルが作成したときにエコーするように設定されているが、ユーザーテーブルはちょうど、私は複数のソリューションで見てきたではないだろうが、それらのどれも私のコードここに役立っていないテーブル
- 10. XAMLによってスローされたVisual Studioのエラーを無視する方法はありますか?私はあなたがこのような何かを分離コードでそれを行うことができます知っている
- 11. あなたがそうすべきではないことを知っていても、どのようなアンチパターンを使用しますか?
- 12. はJQuery:私はあなたがここに見ることができるように開きますクリック可能なdiv要素を持っている
- 13. は、私はのような間隔を追加することができることを知って
- 14. は、どのように私は私が使用することができます知っているjupyter
- 15. 複数のプロパティには、私はこのようなJSON-LD作るしようとしています
- 16. は、私は、輸出のクラスのために、あなたはそのようなグラブクラスを単独でできることを知っている活字体
- 17. PHPは、私はそうのようなvaiableに私が割り当てることができる場合は$ E->のgetMessage()を思っていた変数
- 18. は正しく、私はそれはそれでイメージを持っているなるようにボタンのスタイルを設定しようとしているCSS(クロスブラウザ)
- 19. は、私たちがそうのようなカスタムクラスを宣言することができますtypescriptですで
- 20. は、あなたが(あなたが「その他の設定」をクリックした場合や通貨)あなたの日付と時間にたい形式を設定することができます。このウィンドウを持っているのWindowsでは
- 21. 私はこれを行うことができます知っているサブディレクトリ
- 22. どのようにあなたがそうのような最大のシステム要件を設定することができますドッカースウォームでドッカースウォーム
- 23. は、私がこのような単一のバックスペースキーの押下を検出することができます知っているjQueryの
- 24. CSSの不透明度のdivは、その内部で動作していないリンクが...あなたがここに見ることができるよう
- 25. 私のウェブサーバーはドメインが私のものであることをどのように知っていますか?
- 26. は、私はナビゲーションバーを作ったが、私はまだそのようなことを追加する必要が
- 27. jQueryオブジェクトは、私がこのようなコードを持って、このプロパティまたはメソッド
- 28. LoginManagerが、私はそうのようなFacebookのログインの権限を設定しようとしていたgetInstance
- 29. 小枝Symfony2のは、私がこれを行うことができます知っているリクエスト変数
- 30. 設定JSONのプロパティ名が、私はこのようなコードを持っているクラス
あなたはCSSプロパティの特定のセットで地図をしたいわけ? –
複数のCSSプロパティを取得するとどういう意味ですか? –