hx-select

此 hx-select 属性允许您从响应中选择要交换的内容。此属性的值是从响应中选择的元素或元素的 CSS 查询选择器。

以下是选择响应内容子集的示例:

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

因此,此按钮将发出一个 GET to /info ,然后选择具有 id 的元素 info-detail ,这将替换 DOM 中的整个按钮。

笔记

  • hx-select 可以继承并放置在父元素上