Задача jQuery установить дочерний атрибут CSS - PullRequest
Новая
       6

Задача jQuery установить дочерний атрибут CSS

3 голосов
/ 31 мая 2010

У меня есть дочерний элемент div с именем "bob", это класс '.divTitle' 

<div id="bob">
   <div class="divTitle">
      <a href="#">
         <h1>Title</h1>
      </a>
   </div>
</div>

Я пытаюсь установить цвет фона "divTitle" на красный, но на всю жизнь не могу заставить это работать. Прямо сейчас я пробую две вещи ... 

$('#bob').children('.divTitle')[0].css('background-color', '#0f0'); // assuming children is returning an array...

и 

$('#bob').children('.divTitle').css('background-color', '#0f0');

ни с каким успехом ... кто-нибудь может сказать мне, что мне здесь не хватает? Должен ли я идти глубже, чем ".children"?

РЕДАКТИРОВАТЬ

К сожалению, я думаю, что важная часть этого вопроса была опущена. Я генерировал этот div динамически, а ссылка на класс просто пустовала. Таким образом, вместо ссылки на динамически генерируемый внутренний div по типу класса, я дал ему уникальный идентификатор и теперь могу манипулировать им по своему желанию ... Я все еще ставлю галочку в Keltex для указания лучшего метода прямой ссылки.

Ответы [ 3 ]

5 голосов
/ 31 мая 2010

Почему бы просто: 

$('#bob .divTitle').css('background-color', '#0f0');
2 голосов
/ 31 мая 2010

Второй должен работать нормально. Ваша проблема лежит где-то еще.

Первое: вы выполняете этот код, когда документ готов к загрузке / заполнению интересующих элементов? 

<head>
    ...
    <script>
        $(document).ready(function() {
            $('#bob .divTitle').css('background-color', '#0f0');
        });
    </script>
</head>
...

Если нет, то сделайте это или переместите скрипт на после интересующих элементов DOM. 

...
<div id="bob">
   <div class="divTitle">
      <a href="#">
         <h1>Title</h1>
      </a>
   </div>
</div>
<script>
    $('#bob .divTitle').css('background-color', '#0f0');
</script>
...
0 голосов
/ 31 мая 2010

$('#bob').children('.divTitle')[0] <- это возвращает объект dom, а не объект jQuery, поэтому этот объект не работает. </p>

Второй должен работать для вас, хотя, я сделал то, что вы выше, как пример .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...