jQuery自定义函数怎么遍历子元素呀
<div id="Product_top01-001" class="Product_top01-d1_c1">
<ul class="mainul productlist-01">
<li class="content column-num1 first">第一个ul的li</li>
<li class="clearBoth"></li>
</ul>
<ul class="mainul productslist-02">
<li class="content column-num1 first">第二个ul的第一个li</li>
<li class="clearBoth"></li>
<li class="content column-num1">第二个ul的第二个li</li>
<li class="clearBoth"></li>
<li class="content column-num1">第二个ul的第三个li</li>
<li class="clearBoth"></li>
<li class="content column-num1 last">第二个ul的最后一个li</li>
<li class="clearBoth"></li>
</ul>
</div>HTML结构就是这样的，因为可能一个页面有多处这样的结构，只是最外围的div的id不一样；所以想写一个自定义的函数来操作。
效果 就是，我想要鼠标移动到包含有 .content 的 li 上就给此li增加一个样式接口(.mouseActive)，鼠标移动到其他的li.content的时候包含有(.mouseActive)的li移出(.mouseActive)增加(.mouseout)接口
当鼠标移出div时，最后移开的li.content上要保留(.mouseActive)
展开
收起
1
条回答
写回答
写回答
-
<script language="javascript"> $(document).ready(function(){ $("div ul li:.content").bind({ mouseover:function(){ $(this).addClass("mouseActive"); $(this).removeClass("mouseOut"); }, mouseout:function(){ $(this).addClass("mouseOut"); $(this).removeClass("mouseActive"); var search_str = $(this).attr("class"); if(search_str.indexOf("last") > 0){ $(this).addClass("mouseActive"); $(this).removeClass("mouseOut"); } } }); }); </script>2019-07-17 19:51:36赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
