jQuery：afterメソッドとhtmlメソッドを組み合わせる

Question

jQueryで知っているとおり、メソッドを組み合わせることができます。しかし、ここに私は問題があります。 divの中にテキストを挿入.htmlを

$('div').after('<span class="text-warning" >SPAN</span>').html('test');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>DIV</div>

。新しい要素を変えてはいけませんか？

Answer 1

いいえ、 '後'は演算子であり、演算したものを返します。この場合、div。これは、同じ要素（複数可）に、次々にコマンドを私たちは複数のjQueryを実行することができますチェーンと呼ばれる技術である

var span = $('<span class="text-warning" >SPAN</span>') 
$('div').after(span) 
span.html('test'); 

Answer 2

：あなたが欲しい

のようなものです。

アクションを連鎖させるには、アクションを前のアクションに追加するだけです。場合

あなたは：手順1で

$('div').after('<span class="text-warning" >SPAN</span>') 
     .html('test'); 

、ステップ2でdivタグ

そして

後に "テスト" にdiv変更のテキストをspanタグを挿入します。

あなたは次のように修正することができます。

$(document).ready(function(){ 

    $('div').after('<span class="text-warning">SPAN</span>'); 

    $(".text-warning").html('test'); 

})