jquery如何动态添加标签并标签里面有样式

Posted 2023-05-08

比方在一个ul的li标签里
<ul>
<li></li>

</ul>
我要在li 标签里动态添加<span style=" width:100px .........">标签并且带有样式

参考技术A $("li").append("<span stlye='width:100px .........'></span>");
更多添加方法参见
http://www.w3school.com.cn/jquery/jquery_dom_add.asp本回答被提问者和网友采纳

用Jquery动态append方式加入标签时Css样式丢失的解决方法

一般在Jquery中会用下面的方式来添加新标签：

      var obj = "<fieldset data-role=‘controlgroup‘ data-type=‘vertical‘ data-role=‘fieldcontain‘>

                <input id=‘menu0" type=‘checkbox‘/><label for=‘menu0‘> 复选框 </label> </fieldset>";  //按个人要求拼接标签
$("#所在标签id").append(obj);  // 用append 方式添加拼接的标签

$("#所在标签id")..listview("refresh");   //在使用‘ul‘标签时才使用，作用:刷新列表

$("#所在标签id").trigger("create");  //重点：这名的意思是重新加载所在标签的样式。非常有用的一句话，不加这一句你动态append的标签将丢失Css样式