Javascript 替换h1标记条件语句

我正在用一个非常简单的布局处理这个页面：H1后面跟着一个图像，然后是H2。内容是动态生成的，因此如果没有图像，布局将从H1变为H2。发生这种情况时，H2中的文本必须在屏幕上居中，而不是图像。我创建了另一种称为H3的样式，这样当没有图像时，H1后面紧跟着H2，H2就变成了H3

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

$（'h2'）。替换为（函数（）{
如果（'h1'后的'h2'）{
返回$（“”，{html:$（this.html（）}）；
} )

---

我似乎无法获得正确的语法。

使用CSS的相邻同级选择器（+）：

h1{文本对齐：居中；}
h1+img+h2{背景色：红色；}
h1+h2{文本对齐：居中；}

H1
氢

H1
H2

真的那么简单吗？我想的全错了。谢谢！

h1 + h2 { text-align:center; }