いつもお世話になります。
jQuery.fn.hoge = function(options) {
var defaults = {
'val1':'1',
'val2':'2',
'Css':{
'padding':'3px',
'margin':'2px',
'background-color':'red'
}
}
などとして、
hoge(
'val2':'222',
Css':{
'padding':'10px'
}
)
var setting = $.extend(defaults,options);
とすると、
settingが
'val1':'1',
'val2':'222',
Css':{
'padding':'10px'
}
となります。
ここで、
settingが
'val1':'1',
'val2':'222',
Css':{
'padding':'10px',
'margin':'2px',
'background-color':'red'
}
となるようにするにはどうしたらよいのでしょうか。
つまり、
'val2':'2', -> 'val2':'222',
'padding':'3px' -> 'padding':'10px'
と書き換えられるのは良いのですが、,
Css':{
'padding':'10px'
}
となってしまい
次の2つが削除されてしまうのは困るということです。
'margin':'2px',
'background-color':'red'
よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
var setting = $.extend(true, defaults, options);
jQuery.extendの第一引数にtrueを渡せば、深くプロパティを辿りコピーしてくれます。
jQuery.extend()
http://api.jquery.com/jQuery.extend/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Boolean型配列中のTrueの有無を...
-
Javascriptグローバル変数の値...
-
javascriptで文字挿入でtoggle...
-
ボタンをクリックすると数が増...
-
複数ファイルで使うグローバル...
-
【Jquery】changeイベント毎にa...
-
サブウインドウから親ウインド...
-
onclick指定関数の引数へローカ...
-
『名前空間』の意味を教えてく...
-
Vb.netのグローバル変数の宣言...
-
全部のアクセスを指定したペー...
-
VC++のちらつき防止方法
-
System::Drawing::Color::XXXX...
-
linuxで不一致検索
-
-(ハイフン)_(アンダーバー)の...
-
同じIDで定義した要素の配列を...
-
<a>タグのテキストを取得
-
JavaScriptで文字列の特定文字...
-
jspからjavascriptの変数引継ぎ
-
C#テキストボックスの文字を配...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Boolean型配列中のTrueの有無を...
-
【正規表現】【javascript】CR...
-
ASP+アクセスでのSQLコメントに...
-
Linux バイナリ実行できない "...
-
Vb.netのグローバル変数の宣言...
-
ボタンをクリックすると数が増...
-
【Jquery】changeイベント毎にa...
-
正規表現で半角数字1桁のみを全...
-
「オブジェクトが必要です。」...
-
HTTPSのとき":"が"%3A"ではなく...
-
onclick指定関数の引数へローカ...
-
同じ型【ハイフンと数字】だけ...
-
Excel VBA の ChangeFileAccess
-
C# .NET DataGridView の行を追...
-
javascriptで文字挿入でtoggle...
-
ifreamをリロードしたい
-
window.onloadでのfunction
-
static constメンバ変数(配列)...
-
MFCのキャプション変更
-
アンカーリンクをクリックさせ...
おすすめ情報