javascript - jQuery:如果标签存在于自身之上，则将样式添加到标签

Question

我要.addClass("someClass"至 <blockquote>如果它有 <figure>与类 hello在它上面，像这样:

<figure class="hello"> world </figure>
<blockquote> Lorem </blockquote>

所以，只有当 <figure>标签就在它的正上方，如果有东西像 div 一样分隔标签。

这样的事情可能吗？

Answer 1

假设这是为 <blockquote> 设置样式紧跟在 <figure> 之前的元素, 然后你可以简单地使用 CSS:

figure + blockquote {
    border-color: red; /* or whatever */
}

section {
  border: 1px solid #000;
  margin: 0 0 1em 0;
}

blockquote {
  border: 1px solid #000;
}

figure + blockquote {
  border-color: #f00;
}

<section>
  <figure>This is a figure</figure>
  <blockquote>And this is an immediately-following blockquote.</blockquote>
</section>

<section>
  <blockquote>This is a blockquote.</blockquote>
  <figure>And this is a figure following a blockquote</figure>
</section>

<section>
  <figure>Another figure</figure>
  <div>a div</div>
  <blockquote>And this is a blockquote.</blockquote>
</section>

引用资料:

• Adjacent-sibling ( + ) combinator .