Применять CSS через jQuery к div, вызываемому Javascript?

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, он будет работать.

Answer 2

Итак, предполагая, что по какой-то странной причине вы не можете использовать внешнюю таблицу стилей, вы всегда можете добавить их встроенным в свой скрипт, добавив style="color: blue;".

.выбирает то, что вы действительно хотите.Можете ли вы добавить идентификатор для этой упаковки div, а затем использовать селектор, например $('#my-div > div a') (при условии, что вы хотите добавить цвет только к прямым потомкам).