[Laravel 6.x]Route::get()で設定したURLパラメーターの取得
Laravel6.xでRoute::get('/path/to/{id}')で設定したidの取得方法について。
HOME > リファレンス > jQuery > jQuery API一覧 > Manipulation > .prependTo( target )
.prependTo( target )
.prependTo(target)
引数
- target
- Selector | htmlString | Element | Array | jQuery
戻り値
- object
- jQuery オブジェクト。
target の前に 選択した要素を追加する。
サンプル
li要素に[プログラム言語]を追加する。highlightボタンを押すとliを太字にして[プログラム言語]を赤文字にする。
実行結果
- C#
- PHP
- Javascript
- Perl
- Ruby
- Java
Javascript
- // [プログラム言語]を追加
- var result1 = $('<span>[プログラム言語]</span>').prependTo('.jq-sample1 li');
- // 追加した結果にテキスト装飾
- // 追加した要素(span)のみが返るため赤字は設定されない
- $('.jq-sample1 :button').on('click', function(){
- result1.css('fontWeight', 'bold').find('span').css('color', 'red');
- });
HTML
- <div class="jq-sample1">
- <ul>
- <li>C#</li>
- <li>PHP</li>
- <li>Javascript</li>
- <li>Perl</li>
- <li>Ruby</li>
- <li>Java</li>
- </ul>
- <button class="cq-btn m-primary">highlight</button>
- </div>
返ってくるjQueryオブジェクトは追加した要素の jQuery オブジェクト。 DOMツリーに存在する要素を選択した場合、targetの前に移動となる。コピーではない。
サンプル
実行結果
- C#
- PHP
- Javascript
- Perl
- Ruby
- Java
Javascript
- var result2 = $('.jq-sample2 span').prependTo('.jq-sample2 li');
- $('.jq-sample2 :button').on('click', function(){
- result2.css('fontWeight', 'bold').find('span').css('color', 'red');
- });
HTML
- <div class="jq-sample2">
- <ul>
- <li>C#</li>
- <li>PHP</li>
- <li>Javascript</li>
- <li>Perl</li>
- <li>Ruby</li>
- <li>Java</li>
- </ul>
- <span>[プログラム言語]</span>
- <button class="cq-btn m-primary">highlight</button>
- </div>