hx-select

hx-select 속성은 μ‘λ‹΅μ—μ„œ ꡐ체할 μ½˜ν…μΈ λ₯Ό 선택할 수 있게 ν•΄μ€λ‹ˆλ‹€. 이 μ†μ„±μ˜ 값은 μ‘λ‹΅μ—μ„œ 선택할 μš”μ†Œ λ˜λŠ” μš”μ†Œλ“€μ„ λ‚˜νƒ€λ‚΄λŠ” CSS 쿼리 μ„ νƒμžμž…λ‹ˆλ‹€.

λ‹€μŒμ€ 응닡 μ½˜ν…μΈ μ˜ 일뢀λ₯Ό μ„ νƒν•˜λŠ” μ˜ˆμ œμž…λ‹ˆλ‹€:

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

이 λ²„νŠΌμ€ /info에 GET μš”μ²­μ„ 보낸 ν›„, idκ°€ info-details인 μš”μ†Œλ₯Ό μ„ νƒν•˜μ—¬, ν•΄λ‹Ή μš”μ†Œκ°€ DOMμ—μ„œ λ²„νŠΌ 전체λ₯Ό κ΅μ²΄ν•˜λ„λ‘ ν•©λ‹ˆλ‹€.

Notes