itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-10-04 08:15:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: fix repetition in hx-target.md (#1378)

Browse Source
This commit is contained in:
pblkt 2023-04-25 22:07:00 +03:00 committed by GitHub
parent 70bd74135d
commit 900c5cf97f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
www/content/attributes/hx-target.md
View File

@ -5,21 +5,15 @@ title = "hx-target"
The `hx-target` attribute allows you to target a different element for swapping than the one issuing the AJAX 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: request. The value of this attribute can be:
* a CSS query selector of the element to target * A CSS query selector of the element to target.
* `this` which indicates that the element that the `hx-target` attribute is on is the target * `this` which indicates that the element that the `hx-target` attribute is on is the target.
* `closest <CSS selector>` which will find the closest parent ancestor that matches the given CSS selector. * `closest <CSS selector>` which will find the closest parent ancestor that matches the given CSS selector
(e.g. `closest tr` will target the closest table row to the element) (e.g. `closest tr` will target the closest table row to the element).
* `find <CSS selector>` which will find the first child descendant element that matches the given CSS selector. * `find <CSS selector>` which will find the first child descendant element that matches the given CSS selector.
* a CSS query selector of the element to target * `next <CSS selector>` which will scan the DOM forward for the first element that matches the given CSS selector.
* `this` which indicates that the element that the `hx-target` attribute is on is the target
`next <CSS selector>` which will scan the DOM forward for the first element that matches the given CSS selector.
(e.g. `next .error` will target the closest following sibling element with `error` class) (e.g. `next .error` will target the closest following sibling element with `error` class)
* `previous <CSS selector>` which will scan the DOM backwards for the first element that matches the given CSS selector. * `previous <CSS selector>` which will scan the DOM backwards for the first element that matches the given CSS selector.
(e.g `previous .error` will target the closest previous sibling with `error` class) (e.g `previous .error` will target the closest previous sibling with `error` class)
* `closest <CSS selector>` which will find the closest parent ancestor that matches the given CSS selector.
(e.g. `closest table` will target the closest parent table to the element)
* `find <CSS selector>` which will find the first child descendant element that matches the given CSS selector.
(e.g `find tr` will target the first child descendant row to the element)
Here is an example that targets a div: Here is an example that targets a div: