Question

我正在使用非常简单的布局处理页面：H1后跟图像，然后是H2。内容是动态生成的，因此如果没有图像，布局将从H1后跟H2更改。发生这种情况时，H2中的文本必须以屏幕为中心代替图像。我创建了另一种名为H3的样式，这样当没有图像时，H1立即跟随H2，那么H2就变成了H3。

$('h2').replaceWith(function() {
   if ('h2' after 'h1') {
      return $("<h3 />", { html: $(this).html() });
   } )

我似乎无法正确使用语法。

Answer 1

使用CSS的相邻兄弟选择器（+）：

h1 + h2 { text-align:center; }

＆＃13;

h1 { text-align:center; }
h1 + img + h2 { background-color:red; }
h1 + h2 { text-align:center; }

＆＃13;

<h1>H1</h1>
  <img src="#"/>
  <h2>H2</h2>
<hr>
<h1>H1</h1>
  <h2>H2</h2>

＆＃13;