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 中的整个按钮。

注意