hx-select

hx-select 屬性允許您從回應中選擇要交換的內容。此屬性的值是一個 CSS 查詢選擇器,用於選擇回應中的一個或多個元素。

這裡有一個範例,選擇回應內容的子集

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

因此,這個按鈕會發出一個對 /infoGET 請求,然後選擇 id 為 info-detail 的元素,並將其替換 DOM 中的整個按鈕。

注意事項