hx-select속성은 swap하고 싶은 컨텐츠를 고를 수 있게 한다. 속성값은 CSS 선택자이다.

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

위에 버튼은 Get을 통해 /info에서 가져온 요소를 info-detail에 전부 대체 할 것이다.


노트

  • hx-select는 상속되며, 부모 요소에 놓일 수 있다.