использовать слово в пределах класса make

Question

Привет! Я пытаюсь добавить класс в проект на основе первого тега, который есть у проекта.

Пока это работает:

$('.project_footer').ready(function() {
$('.project').addClass( $('.tag a').text());
});

Тем не менее, мы находим все теги в каждом нижнем колонтитуле проекта в документе и применяем его как класс для каждого проекта. Я просто хочу первый и применить его к этому индивидуальному проекту.

Любой совет?

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

<div class="project blue">
<p>content content content</p>
<div class="project_footer">
    <span class="tags"><a href="/projects/allblue">Blue</a></span>

</div>

</div>

Answer 1

не знаете, почему вы выбираете .page_footer?ready будет срабатывать после загрузки всех элементов DOM, и ваш код, вероятно, должен выглядеть следующим образом

$(function() { $('.project').addClass( $('.tag a').text()); });

Answer 2

Вам нужно использовать функции parent и each jQuery, например:

$(function(){
  $('.project_footer').each(function() {
      $(this).parents('.project').addClass($(this).find('.tags a').text().toLowerCase());
  });
});

Я только что создал jsFiddle, чтобы показать, что он работает :) http://jsfiddle.net/MA9CV/1

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

Если у вас более одного тега, измените find('.tags a') на find('.tags:first-child a'), как показано в этом jsFiddle http://jsfiddle.net/MA9CV/2/

Answer 3

Я думаю, что нам, возможно, потребуется увидеть больше HTML, чтобы увидеть, что происходит, но, возможно, что-то в строках этого $('.project:first-child').addClass($('.tag a:first-child').text()); - это то, что вы ищете.