作成後にhtml要素を取得

Question

入力をクリックするとimgが作成され、次に作成されたimgからhtmlまたはanyelseが取得されます。

しかし、なぜこれが機能していないのかわかりません！

は常に null

私のJSを返す：タイムアウト機能が異なる文脈フォームと呼ばれているので、

$("#click").click(function(){ 
    var $imgDone = $('<img/>').attr('src', 'someImage/insomewhere.jpg'); 
    $(this).after($imgDone); 
    setTimeout(function(){ 
      alert($(this).next().html()); 
    }, 1000); 
}); 

私はEXP：Demo

Answer 1

thissetIntervalで間違った場所を指しています。

以来thisあなたは外側のスコープを持っているが、あなたは通常window対象となり、コールバック、中に入ることthisと同じではありません。

setInterval(f, t) 

が実際に

window.setInterval(f, t); 

です

この問題を解決するには、

のコピーをに置きます。 0

効率のために、@ T.J。

$("#click").click(function(){ 
    var $this = $(this); 
    var $imgDone = $('<img/>') 
     .attr({src: 'someImage/insomewhere.jpg'}) 
     .insertAfter(this); // NB: not $this here 

    setTimeout(function(){ 
      alert($this.next().html()); 
    }, 1000); 
}); 

他の問題は.html()は、タグのインナー内容ではなく、タグ自身を示すことである：クラウダーはあなたが実際にjQueryのに少数の呼び出しを、そのコピーを取り、自分自身を保存するためにjQueryのコンストラクタを使用することができ、示唆します、imgタグには内容がありません。

要素の実際のHTML全体を返す組み込みjQueryメソッドはありません。これを行うには、エレメントを別のもの（たとえば<div>）に入れて、.html()をのにする必要があります。

ここで何かI found via Googleに触発され、これを実行し、私はちょうど作られたプラグインだ：「.htmlを（）」メソッドを取得しますhttp://jsfiddle.net/alnitak/qaSmS/

Answer 2

をマンデ、thisは適用されなくなりました。

$("#click").click(function(){ 
    var $imgDone = $('<img/>').attr('src', 'someImage/insomewhere.jpg'); 
    $(this).after($imgDone); 
    myImg = $(this); 
    setTimeout(function(){ 
      alert($(myImg).next().html()); 
    }, 1000); 
}); 

Answer 3

であなたの問題に

(function($) { 
    $.fn.outerhtml = function() { 
     return $('<div/>').append(this.clone()).html(); 
    }; 
})(jQuery); 

使用中のそれのデモ内容、を含まず、コンテナ自体のマークアップ。

他の回答は、タイムアウトハンドラでthisの使用が正しいことを示しています。ただし、これを修正すると、アラートは空になります。