用jQuery构建元素层次结构

奥列克桑德

我需要为每个ul设置深度。我做

$('.topnav').find('ul').each(function(){
    $(this).attr('deep', $(this).index());
})

html

<ul class="topnav dropdown" >
    <li class="expand">
        <a href="/posluhy">Top</a>
        <ul class="subnav">
            <li class="expand">
                <a href="/posluhy/metalocherepycja">Sub cat 1</a>
                <ul class="subnav">
                    <li >
                        <a href="/posluhy/metalocherepycja/dsafsadf">Sub Sub cat 1</a>
                    </li>
                </ul>
            </li>
            <li class="expand">
                <a href="/posluhy/metalocherepycja">Sub cat 2</a>
                <ul class="subnav">
                    <li >
                        <a href="/posluhy/metalocherepycja/dsafsadf">Sub Sub cat 2</a>
                    </li>
                </ul>
            </li>
         </ul>
    </li>
</ul>

但这会使每个ul deep ='1'。我想得到像

1
  2
1
  2

jQuery有可能吗?小提琴在这里http://jsfiddle.net/GLjZt/1/

比克

索引不会提供您想要的内容,因为它只会告诉您元素在给定元素集中的位置;$(this).index()将始终返回0。您需要根据父级的深度计算深度ul

$('.topnav').find('ul').each(function(){
    $(this).attr('deep', $(this).parents('ul').length);//set attr deep
})  

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

用jQuery构建元素层次结构

来自分类Dev

用jQuery创建元素

来自分类Dev

jQuery wrapAll:保留DOM元素的层次结构

来自分类Dev

用类创建元素

来自分类Dev

使用jQuery创建元素

来自分类Dev

构建元素(如果少于9个)

来自分类Dev

使用jQuery构建元素会给我一个错误

来自分类Dev

使用 jquery 动态构建元素的 3d 圆柱体

来自分类Dev

如何使用层次结构子查询构建层次结构路径

来自分类Dev

如何构建连接到mptt层次结构元素的任何后代的查询witt django-mptt?

来自分类Dev

用新构建的DOM结构替换小部件元素

来自分类Dev

如何使用jQuery选择器使用兄弟标签构建层次结构对象

来自分类Dev

CTE从源表构建层次结构

来自分类Dev

在YAML中构建简单的层次结构

来自分类Dev

高效地构建对象的相关层次结构

来自分类Dev

jQuery-在链接上创建元素

来自分类Dev

使用jQuery创建元素时出错

来自分类Dev

jQuery CSS 不更新/创建元素

来自分类Dev

循环中的多元多项式环的构建元素

来自分类Dev

使用 .map() 创建元素 - DOM 使用 comas 构建它

来自分类Dev

CSS或jQuery解决方案来选择“层次结构中的最后一个”元素?

来自分类Dev

jQuery最近的()不适用于层次结构中的下一个元素

来自分类Dev

jQuery最初使用jquery创建元素后删除元素

来自分类Dev

Xpath从平面HTML层次结构获取元素

来自分类Dev

SQL:查找缺少的层次结构元素链接

来自分类Dev

遍历列表以确定元素的层次结构级别

来自分类Dev

XSLT 1.0从父子关系构建层次结构

来自分类Dev

Visual Studio构建文件夹层次结构

来自分类Dev

从SQL查询构建和导出层次结构数据