The hx-target attribute allows you to target a different element for swapping than the one issuing the AJAX request. The value of this attribute can be:

Here is an example that targets a div:

    <div id="response-div"></div>
    <button hx-post="/register" hx-target="#response-div" hx-swap="beforeend">

The response from the /register url will be appended to the div with the id response-div.

This example uses hx-target="this" to make a link that updates itself when clicked:

<a hx-post="/new-link" hx-target="this" hx-swap="outerHTML">New link</a>