2017-02-22 9 views
-1

は、私は、次のjQueryコードを持っている:ターゲット動的に追加された要素

$('.class-name').each(function() { 
    $(this).parent().prepend(this); 
}); 

だから、.class-nameをターゲットとし、ページの読み込みに正常に動作します。

動的に追加された任意の要素をターゲットにして、(ページロード後)のクラス.class-nameでターゲットしたいと考えています。

どうすればいいですか?

+0

、あなたは新しい動的なコンテンツを追加した後、再びそれを呼び出し、関数内でそのコードを入れて - あなたが実際に最初にDOMに追加するものでプリペンドデータが含まれ、より良いまだかplace –

+1

@RoryMcCrossan動的に追加される要素は、サードパーティの関数によって追加され、非常にランダムに発生します。 –

+0

これは実際にあなたの状況に不可欠な情報です。コンテンツが追加されると、第三者の機能によってイベントが公開されますか?もしそうなら、そのイベントの中で 'prepend()'を呼び出すべきです。そうでない場合は、MutationObserversの使用を検討してください。ただし、すべてのブラウザで完全にサポートされているわけではありません。 –

答えて

0

onハンドラを使用して、ページ上に新しく追加された要素を動的にターゲティングします。

$('document').on('event', '.class-name' function() { 
 
    $(this).parent().prepend(this); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

+2

OPsコードには正確にどこにイベントハンドラがありますか? –

+0

私はOPが何らかのイベントでコードの折り返しをしなければならないと思います。 – Rikin

関連する問題