問題描述
根據添加到頁面的內容更改 div 類 (change div class based on content added to page)
Is there a way for jQuery to change <div>
class based on when content was added? For example, If I have a page with multiple <div>
s and the page is updated with a new <div>
, can jQuery change the class for that <div>
?
‑‑‑‑‑
參考解法
方法 1:
This answer seems to address your issues. Specifically the answer by Emile that suggests a generic JavaScript solution seems like a good starting point.
$("#content").html('something').triggerHandler('customAction');
$('#content').unbind().bind('customAction', function(event, data) {
//Custom‑action
});
方法 2:
That depends on how your content is beeing updated. If you want to select new elements that appear after the user reloads the page (e.g. by pressing F5), a pure javascript/jquery solution won't help you. You'd need a server side solution that sends the creation dates of the content elements to the client or tells the client side which elements are new.
If you're trying to select elements that appeared due to a client‑side action (without requiring the user to reload the page), JakeGould's solution might help you.
方法 3:
It would be easier for us to answer if you could share the code here. However, as I understand, you could use the combination of removeClass and addClass:
$("#div_id").removeClass("oldclass");
$("#div_id").addClass("newclass");
OR
$("#div_id").toggleClass("newclass");
(by user695868、Giacomo1968、Simon、Zelal)