删除以及循环添加<ul>下<li>标签问题
本帖最后由 Myprettygirl 于 2013-06-09 15:06:10 编辑

<div class="moudle_list" id="moudle_list">
       <ul id="listmoudle">
       <li><div class="box_num">编号：11</div><div class="Recommend">推荐(0)</div><div class="box_hot">人气：<span>222</span></div><div class="moudle_case"><h1><a href="#">实际演示</a></h1><h2><a href="#">查看案例</a></h2></div></li>
       <li><div class="box_num">编号：22</div><div class="Recommend">推荐(0)</div><div class="box_hot">人气：<span>333</span></div><div class="moudle_case"><h1><a href="#">实际演示</a></h1><h2><a href="#">查看案例</a></h2></div></li>
       <li><div class="box_num">编号：33</div><div class="Recommend">推荐(0)</div><div class="box_hot">人气：<span>444</span></div><div class="moudle_case"><h1><a href="#">实际演示</a></h1><h2><a href="#">查看案例</a></h2></div></li>
       </ul>
    </div>

这有一组div下ul标签和li标签组。

$("#moudle_list li").mouseover(function(){
  $(this).attr("id","mouse_on");
  $(this).children(".moudle_case").css("display","block");
 }).mouseleave(function(){
 $(this).removeAttr("id");
 $(this).children(".moudle_case").css("display","none");
});

这段js是控制之前html页面li的显示样式。但是我用下面这段代码清空之后，再添加同样的li内容，这段样式就不显示了。是不是因为之前li是属于ul或者div的child节点，然后清空再添加之后，就没有这层关系了？那要怎么样添加才可以正常显示？

$("#listmoudle").empty();;
$("#listmoudle").append(str);

str内容和上面html代码ul里的li内容完全一样。
[解决办法]
我又看了下。。这个还要看是jquery哪个版本。给你两个方法。自己试吧。。哪个能用就用哪个。
想了解更多就看jquery的官方api文档
http://api.jquery.com/category/events/

$("#moudle_list").on("mouseover", "li", function(){
$(this).attr("id","mouse_on");
$(this).children(".moudle_case").css("display","block");
});
$("#moudle_list li").delegate("mouseover", function(){
$(this).attr("id","mouse_on");
$(this).children(".moudle_case").css("display","block");
});