jQuery:如果标记存在于self之上,则为标记添加样式

Question

我想.addClass("someClass"给<blockquote>它是否有一个<figure>与类hello上面,就像这样:

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

因此,只有当<figure>标签位于其正上方时,才会将某些标签与div分开.

这样的事可能吗？

Answer 1

假设这是在<blockquote>元素紧跟a之前设置样式<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>

参考文献:

• 相邻兄弟(+)组合子.