es6字符串拼接/es6条件判断拼接

转载已于 2022-04-21 09:02:30 修改 · 426 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/weixin_44412840/article/details/111311797

文章标签：

#javascript

于 2022-04-20 16:47:40 首次发布

jquery 专栏收录该内容

19 篇文章

订阅专栏

该博客详细介绍了HTML模板中使用JavaScript实现的条件判断逻辑，包括根据变量status展示不同的操作按钮，如'编辑'和'挂起'。文章探讨了如何通过内联样式和事件处理来增强交互性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html = `<tr>
           <td data-id=${item.id} style="text-align: center; ">
               ${(function () {
                   if (item.status == 4) {
                       return `<span>
                       <i class="iconfont icon-guaqi offHungOnclick" title="取消挂起"></i>
                   </span>
                   `;
                   } else {
                       return ` <span >
                       <i class="iconfont editTask icon-bianji" title="修改"></i>
                       <i class="iconfont hungOnclick icon-guaqi" title="挂起"></i>
                       </span>`;
                   }
                   })()
               }
           </td>
</tr>`
————————————————
版权声明：本文为CSDN博主「Kingsaj」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_44412840/article/details/111311797