[Laravel 6.x]Route::get()で設定したURLパラメーターの取得
Laravel6.xでRoute::get('/path/to/{id}')で設定したidの取得方法について。
HOME > リファレンス > jQuery > jQuery API一覧 > Manipulation > .clone()
.clone()
.clone( [withDataAndEvents] )
引数
- (boolean)withDataAndEvents
- trueの場合、イベントハンドラもコピーされる。省略の場合、false
戻り値
- jQuery
- jQueryオブジェクト
サンプル
要素のコピーを作成する。
実行結果
Javascript
- $('.jqTest1 .execute').on('click', function(e){
- alert($(e.target).closest('div.alertText').find('input.targetText').val());
- });
- $('.jqTest1 .add').on('click', function(e){
- if ($(e.target).text() === 'true') {
- $(e.target).parent().append($('.jqTest1 .alertText:first').clone(true));
- } else {
- $(e.target).parent().append($('.jqTest1 .alertText:first').clone());
- }
- });
HTML
- <div class="jqTest1">
- <div class="alertText">
- <input type="text" class="targetText" value="target" />
- <button class="execute">Alert</button>
- </div>
- <hr />
- <button class="add">true</button><button class="add">false</button>
- <hr />
- </div>
CSS
- .jqTest1 .alertText {
- padding: 1em;
- margin: 1em;
- border: 1px solid #CCCCCC;
- }
.clone( [withDataAndEvents] [, deepWithDataAndEvents] )
引数
- (boolean)withDataAndEvents
- trueの場合、イベントハンドラもコピーされる。省略の場合、false
- (boolean)deepWithDataAndEvents
- trueの場合、deta()で設定したデータもコピーされる。省略の場合、withDataAndEventsの値が使われるっぽい。
戻り値
- jQuery
- jQueryオブジェクト
サンプル
実行結果
Javascript
- $('.jqTest2 .execute').data('test', 'deepWithDataAndEvents')
- .on('click', function(e){
- $(e.target).closest('div.alertText').append($(e.target).data('test'));
- });
- $('.jqTest2 .add').on('click', function(e){
- if ($(e.target).text() === 'true') {
- $(e.target).parent().append($('.jqTest2 .alertText:first').clone(true, true));
- } else {
- $(e.target).parent().append($('.jqTest2 .alertText:first').clone(true, false));
- }
- });
HTML
- <div class="jqTest2">
- <div class="alertText">
- <input type="text" class="targetText" value="target" />
- <button class="execute">Alert</button>
- </div>
- <hr />
- <button class="add">true</button><button class="add">false</button>
- <hr />
- </div>
CSS
- .jqTest2 .alertText {
- padding: 1em;
- margin: 1em;
- border: 1px solid #CCCCCC;
- }