jquery - ページに追加されたコンテンツに基づいて div クラスを変更する

Question

<div>コンテンツが追加された時期に基づいてjQueryがクラスを変更する方法はありますか? たとえば、複数<div>の があるページがあり、ページが new で更新された<div>場合、jQuery はそのクラスを変更でき<div>ますか?

Answer 1

この答えはあなたの問題に対処しているようです。具体的には、一般的な JavaScript ソリューションを提案する Emile の回答は、良い出発点のようです。

$("#content").html('something').triggerHandler('customAction');


$('#content').unbind().bind('customAction', function(event, data) {
   //Custom-action
});

Answer 2

それは、コンテンツがどのように更新されているかによって異なります。ユーザーがページをリロードした後に表示される新しい要素を選択したい場合 (F5 キーを押すなど)、純粋な javascript/jquery ソリューションは役に立ちません。コンテンツ要素の作成日をクライアントに送信するか、どの要素が新しいかをクライアント側に伝えるサーバー側のソリューションが必要です。

クライアント側のアクションによって (ユーザーがページをリロードする必要なく) 表示された要素を選択しようとしている場合は、JakeGould のソリューションが役立ちます。

Answer 3

ここでコードを共有していただけると、回答しやすくなります。ただし、私が理解しているように、removeClass と addClass の組み合わせを使用できます。

$("#div_id").removeClass("oldclass");
$("#div_id").addClass("newclass");

また

$("#div_id").toggleClass("newclass");