根据添加到页面的内容更改 div 类答案

【问题标题】：change div class based on content added to page根据添加到页面的内容更改 div 类
【发布时间】：2013-01-26 18:34:09
【问题描述】：

jQuery 有没有办法根据添加内容的时间更改<div> 类？例如，如果我有一个包含多个<div>s 的页面并且该页面更新为新的<div>，jQuery 可以更改该<div> 的类吗？

【问题讨论】：

当然可以。如果您的问题是“我该怎么做”，我们需要查看您的代码以提供建议和指导。
是的，您可以使用触发器
这种取决于内容的添加方式
我想，代码会手动添加。

【解决方案1】：

This answer 似乎解决了您的问题。具体来说，Emile 提出的建议通用 JavaScript 解决方案的答案似乎是一个很好的起点。

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


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

【讨论】：

【解决方案2】：

这取决于您的内容是如何更新的。如果您想选择在用户重新加载页面后出现的新元素（例如按 F5），纯 javascript/jquery 解决方案对您没有帮助。您需要一个服务器端解决方案，将内容元素的创建日期发送到客户端或告诉客户端哪些元素是新的。

如果您尝试选择因客户端操作而出现的元素（无需用户重新加载页面），JakeGould 的解决方案可能会对您有所帮助。

【讨论】：

【解决方案3】：

如果您可以在这里分享代码，我们会更容易回答。但是，据我了解，您可以使用 removeClass 和 addClass 的组合：

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

或

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

【讨论】：