Question

jq或者js修改css 使其他对象一样变化

想要实现这么一个功能：css: .a{color:red}
<action class='a'>aaaaaa</action>
<action class='a'>bbbbbb</action>
存在的两个div现在都可以改变颜色： $('.a').css('color', blue);但当我动态生成
<action class='a'>ccccc</action>
时，依然想沿用蓝色，但因为css依旧是红色；那有没有办法通过jq或者js直接修改css？使得页面上所有这个类的style都改变？

Answer 1

你可以改变类名啊，addClass一个新的类名，然后remove原来的类名。

也可以不remove，在定义的时候把新类名放在下方自动覆盖，这样不是简单很多？

追问

问题是这个颜色是可以选的，不可能每个颜色一个类名吧。。。。。

追答

我想我大约明白你的意思了，是因为DOM是后加的，所以无法获取对象？

你可以考虑bind和clone方法

追问

那也就是说还是只能通过style去改变是吧？

追答

我不确定你的动态生成在修改类名的时候是否能改动，理论上跟CSS应该是一样的。

如果是单纯的动态生成后无法正确访问到的问题，可以用
.live() 方法能对一个还没有添加进DOM的元素有效，是由于使用了事件委托：绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。
或
$(this).clone(true)方法

这2个应该可以解决append后无法访问的问题。