[Laravel 6.x]Route::get()で設定したURLパラメーターの取得
Laravel6.xでRoute::get('/path/to/{id}')で設定したidの取得方法について。
HOME > リファレンス > jQuery > jQuery API一覧 > Manipulation > .before( content [, content ] )
.before( content [, content ] )
.before( content [, content] )
引数
- content
- html|DOM element|jQuery object
戻り値
- jQuery
- jQueryオブジェクト
サンプル
jQueryオブジェクトが保持しているDOM要素の前にcontentを追加する。戻り値は1.9で変更となった。
実行結果
実行test1
test2
test3
Javascript
- $('#code1-execute').on('click', function(e) {
- var result = $('#code-sample1 p').before($('<span>', {
- text: 'before',
- css: {fontWeight: 'bold', color: 'red'}
- }));
- // beforeの戻り値を .return-value に追加
- // 1.9 で動作が変更になったらしい
- $('#code-sample1 .return-value').prepend(result.clone());
- });
HTML
- <span class="btn btn-execute" id="code1-execute">実行</span>
- <div id="code-sample1">
- <p>test1</p>
- <p>test2</p>
- <p>test3</p>
- <div class="return-value">
- </div>
- </div>
CSS
- #code-sample1 .return-value {
- background: #EEEFFF;
- padding: 8px;
- }
.before( function )
引数
- function
- function
戻り値
- jQuery
- jQueryオブジェクト
function は html|DOM element|jQuery object を返すようにする。 function内での this は jQueryオブジェクト内のDOMが順に入る。index はjQueryオブジェクト内でのIndex番号。
サンプル
実行結果
実行test1
test2
test3
Javascript
- $('#code2-execute').on('click', function(e) {
- var result = $('#code-sample2 p').before(function(index){
- return $('<span>', {
- text: 'before ' + $(this).text() + '/ index ' + index,
- css: {fontWeight: 'bold', color: 'red'}
- });
- });
- });
HTML
- <span class="btn btn-execute" id="code2-execute">実行</span>
- <div id="code-sample2">
- <p>test1</p>
- <p>test2</p>
- <p>test3</p>
- </div>
CSS
- #code-sample2 .return-value {
- background: #EEEFFF;
- padding: 8px;
- }