jquery - 動的に作成された要素への参照

Question

次のコードを検討してください

var $div = $('<div/>');

$('#blah').after($div);

これは機能します。ただ、ワンライナーにしたいです。このようなもの：

var $div = $('<div/>')
                .closest('#wrapper')
                .find('#blah')
                .after(this); //<-- point to the div element

何か案は？

Answer 1

この方法の使用を検討しましたinsertAfter(target)か？ターゲットではなく、元のjQueryオブジェクトを返します。

var $div = $('<div />').insertAfter('#blah');

jsFiddleデモ

Answer 2

end（）;を追加してみてください。

var $div = $('<div/>')
                .find('#blah').end()
                .after(this);