hx-swap-oob

hx-targetで更新する要素を選択できましたが、
hx-swap-oobを用いることで複数箇所を同時に更新することが出来ます。

ここがターゲット!!
ここがターゲット!! a
ここがターゲット!! b
ここがターゲット!! c

対象のコード

<button type="button" class="base-button" hx-get="/sample03.php" hx-swap="outerHTML" hx-target=".target">クリック!!</button>

置換する対象となるコード

<ul class="test-list">
  <li class="test-item target">ここがターゲット!!</li>
  <li id="oob-a" class="test-item target">ここがターゲット!! a</li>
  <li class="test-item target">ここがターゲット!! b</li>
  <li id="oob-c" class="test-item target">ここがターゲット!! c</li>
</ul>

sample03.php

<li>sample03</li>
<li id="oob-a" hx-swap-oob="true">更新されました a</li>
<li id="oob-c" hx-swap-oob="true">更新されました c</li>