From 900c5cf97f73a432bde6000b84e590f6c098081c Mon Sep 17 00:00:00 2001 From: pblkt <6498458+pblkt@users.noreply.github.com> Date: Tue, 25 Apr 2023 22:07:00 +0300 Subject: [PATCH] docs: fix repetition in hx-target.md (#1378) --- www/content/attributes/hx-target.md | 16 +++++----------- 1 file changed, 5 insertions(+), 11 deletions(-) diff --git a/www/content/attributes/hx-target.md b/www/content/attributes/hx-target.md index 393c165b..d6ba4a16 100644 --- a/www/content/attributes/hx-target.md +++ b/www/content/attributes/hx-target.md @@ -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 request. The value of this attribute can be: -* 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 -* `closest ` 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) +* 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. +* `closest ` 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). * `find ` which will find the first child descendant element that matches the given CSS selector. -* 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 - `next ` which will scan the DOM forward for the first element that matches the given CSS selector. +* `next ` 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) * `previous ` 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) -* `closest ` 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 ` 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: