jquerychildren(jquery获取子元素最多的元素)

一、Jquery对象合并后index值为什么没有变化

$.extend是把两个对象合并，前提是两个对象里面的key不一样，比如下面这个$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})合并以后就是{name:"Jerry",age:21,sex:"Boy"}。

你现在的做法是将两个jquery容器对象进行合并，我测试了一下你的代码，合并的时候会把第二个对象$(‘right’)与第一个合并，合并的原则应该是后面的替换前面的，所以用了你现在的方法以后all其实相当于是$('right')这个对象。因此只能出发right里面li对应的鼠标事件。

根据你的描述index值没有发生变化，应该是已经合并成功了吧！假如你现在合并成功会有一个问题，left和right里面的li索引（index）都是根据父对象进行排序的，你合并之后肯定还是两个对象，所以索引还是跟以前一样。

通过下面这个方法可以把所有left和right的li取出来，但是索引同样还是跟之前一样，同理li依然按照父容器进行索引排序。

如果纯粹要把right里面的li放到left里面，可以用append方法（给对象添加子对象）。你可以通过$("#left").append($("#right").children())把right的子对象放到left里面，这是页面呈现的时候right里面的li会进入left里面，而right将变成一个空容器。

所有的li都在left里面index的值才会重新排列。

二、jquery获取子元素最多的元素

$('#id').children().length;

三、jquery树形菜单例子

jQuery树形菜单可以通过递归的方式实现，使用ul和li标签来表示菜单的层级结构。通过jQuery的事件绑定和CSS样式设置，可以实现菜单的展开和收起、选中和取消等功能。同时，可以通过Ajax请求或者JSON数据来动态生成菜单的内容。最终实现一个美观、简洁、易用的树形菜单。