Question

您好我正在尝试根据项目的第一个标记为项目添加一个类。

到目前为止，这有效：

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

然而，在文档中的每个project_footer中查找每个标记，并将其作为类应用于每个项目。我只想要第一个并将其应用于该单个项目。

有什么建议吗？

编辑：

<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

我认为我们可能需要查看更多HTML以查看最新情况，但可能正是您要查找的$('.project:first-child').addClass($('.tag a:first-child').text());内容。

Answer 2

不确定为什么选择.page_footer？在加载完所有DOM元素后，就会触发ready，你的代码可能看起来像这样

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

Answer 3

您需要使用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/

在span中使用word make class

3 个答案: