我有以下内容:
<div>
<script type="text/javascript" src="someUrl"></script>
</div>
该脚本会生成一个包含一些链接的 div,如下所示:
<div>
<div>
<a href=""></a>
</div>
</div>
我需要使用 jQuery 将这些链接的样式设置为某种颜色,因为这就是页面的开发方式。
现在我有以下内容:
<script type="text/javascript">
$(document).ready(function () {
$("div a").css("color","#ffffff");
});
</script>
唯一将链接更改为白色的浏览器是 Firefox,因为我相信 FF 以不同方式加载页面并在脚本创建 div 后应用这些样式?我如何在所有浏览器中使用它?
最佳答案
下面的代码有效,我想这就是您想要的。
<script type="text/javascript">
$(document).ready(function() {
$("#click").click(function(){
$("#maindiv").append("<div><div><a href='example.com'>AAA</a></div></div>");
$("#maindiv > div a").css("color","#ffffff");
});
});
</script>
<div id="maindiv">
<div>
<div>
<a href=""></a>
</div>
</div>
</div>
<a id="click" href="#">Click Here</a>
在你的 JS 生成 div 之后,你应该再设置 CSS,它会起作用。
关于jquery - 通过 jQuery 将 CSS 应用于 Javascript 调用的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3402369/