JQ html标签动态拼接的技巧

最新推荐文章于 2024-06-30 03:28:08 发布

码猿上高速

最新推荐文章于 2024-06-30 03:28:08 发布

阅读量6.9k

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/qq_38836118/article/details/78331616

版权

本文介绍了如何利用JavaScript（JQ）动态拼接HTML标签，详细讲解了如何根据数据库数据循环拼接HTML，并展示了如何根据条件动态设置CSS样式和文字。通过示例代码展示了如何将内容插入页面并处理不同页面状态，以及如何优化动态内容的生成过程。

摘要由CSDN通过智能技术生成

1、需要循环拼接到页面上的html标签

information :'<div class="info_box" orderNo="{12}">'+
'<div class="title_box">'+
'<span id="title" class="title {10}">{8}</span>'+
'<span id="state" class="state {11}">{9}</span>'+
'</div>'+
'<ul class="information">'+
'<li>'+
'<img src="../../img/repair/icon_pinpai.png" />'+
'<span class="classify">品牌：</span>{0}'+
'</li>'+
'<li>'+
'<img src="../../img/repair/icon_xinghao.png" />'+
'<span class="classify">型号：</span>{1}'+
'</li>'+
'<li>'+
'<img src="../../img/repair/icon_xitong.png" />'+
'<span class="classify