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 可以继承并放置在父元素上