jquery - 对于每个帖子，以及其中不同样式的每个 blockquote

Question

Tumblr 经常在 blockquote 内有 blockquote in blockquote 等等......我想让每一个都不同。 CSS nth-child 不起作用，所以我求助于 jQuery [我不熟悉它并在需要时使用 stackoverflow] 并使用了这个:

 $('.post blockquote').each(function(index, element){
     if(index % 2 == 0) { $(element).addClass('even'); }

     if(index != 0) { $(element).addClass('inside'); }
 });

它有效，但它不会对一个帖子执行此操作然后重新开始，而是继续到下一个，依此类推。所以我试着把它包装成这样:

$(".post").each(function() {
 $('blockquote').each(function(index, element){
     if(index % 2 == 0) { $(element).addClass('even'); }

     if(index != 0) { $(element).addClass('inside'); }
 });
});

但它只会影响页面上的所有 blockquote 帖子是否在帖子中。如果我再次在 blockquote 之前添加 .post，它的作用与我编写的第一个案例相同。

我是不是做错了什么，你能帮我改正吗？

Answer 1

一个潜在的纯 css 解决方案是使用“直接子”> 选择器:为 .blockquote > .blockquote 和 .blockquote > 设置样式。 blockquote > .blockquote 等 jsfiddle

[编辑:如果你想让它们交替出现，你可以 do this - 实际上不可能无限嵌套 block 引用，所以这不需要很多额外的输入:p。但我赞成 jquery 答案 (@mohammadreza)，因为从技术上讲，它不是黑客]