You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在JavaScript的closeIssue函数中为currentIssue.description添加删除线样式

实现方法

你没办法直接给存储在localStorage中的issue对象属性附加CSS样式,样式仅能作用于页面渲染的DOM元素。你已经提前定义了.lt类对应删除线样式,只需调整列表渲染逻辑即可实现需求,操作步骤如下:

  • 修改fetchIssues函数内渲染issue描述的代码,通过三元运算符判断当前issue的状态,状态为Closed时自动带上.lt类。
    将原有模板里的这行代码:
    <h3 id="xxx"> ${description} </h3>
    
    替换为:
    <h3 class="${status === 'Closed' ? 'lt' : ''}"> ${description} </h3>
    
    注:原有代码里的id="xxx"会在渲染多个issue时出现重复ID的问题,建议直接删除,如有需要可以改为id="desc-${id}"保证ID唯一。
  • 你现有closeIssue函数的逻辑不需要额外修改,它已经会将对应issue的状态设置为Closed,每次触发关闭操作后调用的fetchIssues会重新渲染列表,自动给已关闭的issue描述添加删除线样式,刷新页面后样式也会保留,因为状态数据存储在localStorage中。

内容的提问来源于stack exchange,提问作者Satyajit Roy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.06 20:15:03