Question

jquery append向页面加入新元素不现实class属性设定的样式

ajax回调方法：$(document).ready(function(){
var data="<li><span>Photos</span><ul><li><span>Friend</span></li></ul></li>";
$("#myul").append(data);
});
向这段代码中插入元素：<ul id="myul" class='easyui-tree'></ul>但是不被class中的样式影响，怎么办？

Answer 1

<ul id="myul" class='easyui-tree'>
    <li><span>Photos</span>
        <ul>
            <li><span>Friend</span></li>
        </ul>
    </li>
</ul>

你插入元素之后是上面这个样子的

如果你想控制easyui-tree内的样式你应该这么写：

.easyui-tree li {}

.easyui-tree li span {}

.easyui-tree li ul li {}

.easyui-tree li ul li span {}

追问

谢谢你的回答，请问你有没有esayui的相关中文文档？想知道的更细点

追答

只有英文的

慢慢看也能看懂

Answer 2

在css中提升class的权重来覆写受影响的部分，例如：
#myul .easyui-tree {....!important;}