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
是可繼承的,可以放置在父元素上