[Laravel 6.x]Route::get()で設定したURLパラメーターの取得
Laravel6.xでRoute::get('/path/to/{id}')で設定したidの取得方法について。
HOME > リファレンス > jQuery > jQuery API一覧 > Manipulation > .wrap(wrappingElement)
.wrap(wrappingElement)
.wrap( wrappingElement )
- wrappingElement
- Selector|htmlString|Element|jQuery
戻り値
- object
- jQuery
対象の要素をwrappingElementで囲む
サンプル
実行結果
wrap()upwrap()
test1
Javascript
- var code1_span = $('#code-sample1 span');
- $('#code1-execute-wrap').on('click', function(e){
- code1_span.wrap('<p></p>');
- });
- $('#code1-execute-unwrap').on('click', function(e){
- if (code1_span.parent().is('p')) {
- code1_span.unwrap();
- } else {
- alert('これ以上削除出来ないンゴ彡(ﾟ)(ﾟ)');
- }
- });
HTML
- <span class="cq-btn" id="code1-execute-wrap">wrap()</span><span class="cq-btn cq-btn-danger" id="code1-execute-unwrap">upwrap()</span>
- <div id="code-sample1">
- <span>test1</span>
- </div>
CSS
- #code-sample1 span {
- display: inline-block;
- padding: 4px;
- background: #DD2266;
- color: #FFFFFF;
- }
- #code-sample1 p {
- padding: 4px;
- border: 2px dotted #456f9a;
- }
.wrap( function(index) )
- function
- function
戻り値
- object
- jQuery
function が返す要素で対象を囲む。 functionは wrappingElement と同じ Selector|htmlString|Element|jQuery を返せばよい
サンプル
実行結果
solid
dotted
double
test1
Javascript
- var target = $('#code2 .target');
- $('#code2 .code2-execute').on('click', function(e){
- target.wrap(function(index){
- return $('<p></p>', {class: $(e.target).text()});
- });
- });
HTML
- <div id="code2">
- <div class="code2-nav">
- <span class="cq-btn code2-execute">solid</span>
- <span class="cq-btn cq-btn-danger code2-execute">dotted</span>
- <span class="cq-btn cq-btn-info code2-execute">double</span>
- </div>
- <span class="target">test1</span>
- </div>
CSS
- #code2 p {
- padding: 4px;
- }
- #code2 p.solid {
- border: 2px solid #DD2266;
- }
- #code2 p.double {
- border: 3px double #0000ff;
- }
- #code2 p.dotted {
- border: 2px dotted #3d903d;
- }