hx-select
hx-select
属性允许您从响应中选择需要替换的内容。该属性的值是CSS选择器,用于从响应中选择一个或多个元素。
以下示例展示了如何选择响应内容的一部分:
<div>
<button hx-get="/info" hx-select="#info-detail" hx-swap="outerHTML">
获取信息
</button>
</div>
这个按钮会向/info
发送GET
请求,然后选择ID为info-detail
的元素,该元素将替换DOM中的整个按钮。
hx-select
具有继承性,可以放在父元素上