hx-select

hx-select 属性を使用すると、応答からスワップするコンテンツを選択できます。この属性の値は、応答から選択する要素の CSS クエリセレクタです。

応答コンテンツのサブセットを選択する例を以下に示します。

<div>
    <button hx-get="/info" hx-select="#info-detail" hx-swap="outerHTML">
        Get Info!
    </button>
</div>

このように、このボタンは /info に GET を発行し、id info-detail の要素を選択して、DOM 内のボタン全体を置き換えます。

メモ

• hx-select は継承され、親要素に配置できます。