javascript - 结合jquery代码块

Question

我的 asp.net 页面中有这个脚本：

<script type="text/javascript">
  var mouseover_tid = [];
  var mouseout_tid = [];

  jQuery(document).ready(function () {
      jQuery('.menus > li').each(function (index) {
          jQuery(this).hover(

                function () {
                    var _self = this;
                    clearTimeout(mouseout_tid[index]);
                    mouseover_tid[index] = setTimeout(function () {
                        jQuery(_self).find('ul:eq(0)').fadeIn(200);
                    }, 400);
                },

                function () {
                    var _self = this;
                    clearTimeout(mouseover_tid[index]);
                    mouseout_tid[index] = setTimeout(function () {
                        jQuery(_self).find('ul:eq(0)').fadeOut(200);
                    }, 400);
                }

            );
      });

      jQuery('.menus > li > .children > li').each(function (index) {
          jQuery(this).hover(

                function () {
                    var _self = this;
                    clearTimeout(mouseout_tid[index]);
                    mouseover_tid[index] = setTimeout(function () {
                        jQuery(_self).find('ul:eq(0)').fadeIn(200);
                    }, 400);
                },

                function () {
                    var _self = this;
                    clearTimeout(mouseover_tid[index]);
                    mouseout_tid[index] = setTimeout(function () {
                        jQuery(_self).find('ul:eq(0)').fadeOut(200);
                    }, 400);
                }

            );
      });
  });   
</script>

两个脚本块都相同，除了

jQuery('.menus > li >)

和

jQuery('.menus > li > .children > li')

我怎样才能结合这两个代码块。请建议

Answer 1

选择器的工作方式与 CSS 中的相同，因此您只需用逗号将它们分开即可：

jQuery('.menus > li, .menus > li > .children > li')