如何将hx-get静态可点击文本转为URL链接样式，点击仅改文本不跳转

直接把<span>换成<a>标签，同时添加htmx的阻止默认行为属性，就能既保留链接样式，又只执行文本替换操作：

<a 
  hx-get="/runschedule/{{job['project_id']}}/{{k}}?name={{job['project_name']}}-{{v['name']}}&text=true"
  href="/runschedule/{{job['project_id']}}/{{k}}?name={{job['project_name']}}-{{v['name']}}&text=true"
  title="click to schedule {{k}}"
  hx-prevent="default"
>{{v['name']}}</a>

关键说明： #

• hx-prevent="default"：强制阻止a标签的默认跳转行为，点击时只会触发htmx的hx-get请求
• 保留href属性：让浏览器渲染出标准的链接样式（蓝色下划线、鼠标悬停变指针等）
• 保留原有的hx-get和title属性：确保原来的文本替换逻辑和提示功能正常工作

内容的提问来源于stack exchange，提问作者MortenB