jquery - 通过 jQuery 将 CSS 应用于 Javascript 调用的 div？

Question

我有以下内容:

<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 后应用这些样式？我如何在所有浏览器中使用它？

Answer 1

下面的代码有效，我想这就是您想要的。

<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，它会起作用。